css怎么设置div圆角
生活随笔
收集整理的這篇文章主要介紹了
css怎么设置div圆角
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css設置div圓角的方法：
在css中可以通過設置border-radius讓div邊角變得圓潤。
示例：
<!DOCTYPEhtml><html>
<head>
<style>
#rcorners1{
border-radius:25px;
background:#73AD21;
padding:20px;
width:200px;
height:150px;
}
#rcorners2{
border-radius:25px;
border:2pxsolid#73AD21;
padding:20px;
width:200px;
height:150px;
}
#rcorners3{
border-radius:25px;
background:url(/i/paper.jpg);
background-position:lefttop;
background-repeat:repeat;
padding:20px;
width:200px;
height:150px;
}
</style>
</head>
<body>
<h1>border-radius屬性</h1>
<p>擁有指定背景顏色的元素的圓角：</p>
<pid="rcorners1">Roundedcorners!</p>
<p>帶邊框元素的圓角：</p>
<pid="rcorners2">Roundedcorners!</p>
<p>擁有背景圖片的元素的圓角：</p>
<pid="rcorners3">Roundedcorners!</p>
</body>
</html>
總結
以上是生活随笔為你收集整理的css怎么设置div圆角的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python快速上手 让繁琐工作自动化
- 下一篇： Linux内核参数调整的方法是什么