当前第2页 返回上一页
1 2 3 4 5 6 | div{
height:100px;
width:100px;
background:#9da;
border-radius:50px;
}
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!doctype html>
<html>
<head>
<meta charset= "utf-8" >
<title>border-radius</www.dztcsd.com/title>
<style type= "text/css" >
div.circle{
height:100px;
width:100px;
background: #9da;
border-radius:50px;
}
div.semi-circle{
height:100px;
width:50px;
background: #9da;
border-radius:?;
}
</style>
</head>
<body>
<div class= "circle" >
</div>
<br/>
<!--任务部分-->
<div class= "semi-circle" >
</div>
</body>
</html>
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
怎样用h5的sse服务器发送EventSource事件
H5的本地存储和本地数据库详细介绍
h5如何实现记住密码功能
以上就是border-radius怎样给元素添加圆角边框的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css如何设置圆角
html怎样使用style添加属性
border-radius怎样给元素添加圆角边框
div元素怎样添加圆角边框
css border-radius属性怎么用
css图片怎么变圆
html中表格动态添加的方法
css怎么把div设置成圆角
border-radius是什么意思
border-radius属性怎么使用
更多相关阅读请进入《border-radius》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » border-radius怎样给元素添加圆角边框