border-radius(邊框圓角)
- 該屬性用于設(shè)置邊框圓角,屬性值為圓角半徑,當(dāng)設(shè)置一個(gè)時(shí)為值為四個(gè)角的圓角半徑;倆個(gè)時(shí),第一個(gè)為左上角和右下角的半徑,第二個(gè)值為右上角和左下角的圓角半徑;四個(gè)時(shí),為從左上角開始順時(shí)針依次使用。
- 當(dāng)邊框?qū)挾仍O(shè)置為0,或邊框設(shè)置為none時(shí)不顯示邊框,瀏覽器會(huì)將背景的四個(gè)角設(shè)置為圓角
- 無(wú)論將邊框種類修改為什么類型,邊框都會(huì)沿著圓角進(jìn)行繪制
div{
width:400px;
height:400px;
margin:30px;
background-color:yellow;
border:solid 0px blue;
border-radius:10px 50px 100px 200px
}
border-image(圖像邊框)
- 歷時(shí)倆天對(duì)于這個(gè)屬性我只有一句媽賣批