課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
1234567891230123456
2015-02-05
源自:十天精通CSS3 7-7
正在回答
上下部邊弧度直徑100的幅度,左右以10的弧度,如果相同,就是圓形的角
魔法師螞蚱 提問者
3樓是對的..一樓的說法至少是把兩條軸代表的軸搞反了,至少...
弧度還要看他對弧度的定義,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
.rounded {
width: 600px;
height: 200px;
background-color: yellow;
position: fixed;
left: 0;
top: 0;
border-style: dashed;
border-radius: 150px / 100px
}
.r2 {
width: 300px;
background-color: rgba(173, 32, 32, 0.212);
.r3 {
background-color: rgba(0, 0, 10, 0.5);
left: 300px;
</style>
<title>border-radius</title>
</head>
<body>
<p class="rounded">Rounded corners are groovy!</p>
<p class="rounded r2"></p>
<p class="rounded r2 r3"></p> ?
</body>
</html>
lzszone3203638
一樓和三樓說的正好相反啊,誰能給個準確點的
感覺css和html難學,非常費腦子。可能是因為他們不是編程語言吧,不嚴謹,沒有絕對的規(guī)律性,有的時候要靠死記硬背。
慕粉1569
border-radius的含義是:圓角.border-radius是一種縮寫方法.如果“/”前后的值都存在,那么“/”前面的值設置其水平半徑,“/”后面值設置其垂直半徑.
慕仔2685370
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
5 回答border-radius:100px / 10px;這里的 “ / ” 是啥意思?
4 回答border-radius:100px / 10px這是什么意思 以多少為半徑
2 回答border-radius
3 回答ul { border:1px solid #000; border-radius:10px; text-shadow:0 6px 2px #000; list-style: none outside none; width: 220px; margin: 20px auto; padding: 0; } ul > li { list-style: none outside none; margin:0; padding: 10px; } ul > li:la
3 回答為什么 在border-radius:50px;中,當值大于等于50px時彎曲的半徑效果會跟border-radius:50px;一樣呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-02-05
上下部邊弧度直徑100的幅度,左右以10的弧度,如果相同,就是圓形的角
2018-05-26
3樓是對的..一樓的說法至少是把兩條軸代表的軸搞反了,至少...
弧度還要看他對弧度的定義,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
.rounded {
width: 600px;
height: 200px;
background-color: yellow;
position: fixed;
left: 0;
top: 0;
border-style: dashed;
border-radius: 150px / 100px
}
.r2 {
width: 300px;
background-color: rgba(173, 32, 32, 0.212);
}
.r3 {
background-color: rgba(0, 0, 10, 0.5);
left: 300px;
}
</style>
<title>border-radius</title>
</head>
<body>
<p class="rounded">Rounded corners are groovy!</p>
<p class="rounded r2"></p>
<p class="rounded r2 r3"></p> ?
</body>
</html>
2017-08-14
一樓和三樓說的正好相反啊,誰能給個準確點的
2015-04-03
感覺css和html難學,非常費腦子。可能是因為他們不是編程語言吧,不嚴謹,沒有絕對的規(guī)律性,有的時候要靠死記硬背。
2015-04-03
border-radius的含義是:圓角.
border-radius是一種縮寫方法.如果“/”前后的值都存在,那么“/”前面的值設置其水平半徑,“/”后面值設置其垂直半徑.