谁能解释下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圆角都是用图片来实现的