当前位置：首页 - 正文

谁能解释下DIV+CSS是怎么实现圆角的

发布网友发布时间：2022-04-22 05:48

共4个回答

热心网友时间：2022-04-22 07:17

css实现圆角是css3的属性目前这个属性不支持IE 貌似支持火狐与chrome
废话不多说直接上代码
html代码
<body>
<div id="style">你好</div>
</body>

css代码
style{
background:blue; /*设置背景让你看的更清楚*/
border:1px solid red; /*设置边框的粗细、边框的类型、边框的颜色*/
border-radius:1px 1px 1px 1px; /*设置4个角的圆角弧度分别为坐上、右上、右下、坐下*/
}
注释：如果你只想单独设置某个叫的弧度
bordert-top-right-radius:1px; 右上
border-top-left-radius:1px; 右下
border-bottom-right-radius:1px; 右下
border-bottom-left-radius:1px; 左下
ok 你懂的

热心网友时间：2022-04-22 08:35

圆角在html5以前是不能用代码实现的，及时你用滤镜实现但是IE6不是很好支持滤镜，用代码实现很就是，复杂、麻烦、闲得慌，用图片实现是最好的，你用ps画一个你想要的圆角框作为div的背景，就O啦，备注，html5 ie8以下的版本不支持

热心网友时间：2022-04-22 10:10

{border-radius:1px 2px 3px 4px;} 分别是4个角，左上\右上\右下\左下，目前这属性不支持ie。

热心网友时间：2022-04-22 12:01

CSS圆角都是用图片来实现的

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

谁能解释下DIV+CSS是怎么实现圆角的

最新推荐

猜你喜欢

热门推荐