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内核参数调整的方法是什么