mdsk.net
当前位置:首页 >> 怎么设置CSS属性让Div的边框看到是圆角矩形? >>

怎么设置CSS属性让Div的边框看到是圆角矩形?

#div{ width:100px; height:100px; background:#000000; //设置弯曲程度,当然也可以分别设置;比如只设置左下角:border-bottom-left-radius:10px; border-radius:10px; }

#div{ width:100px; height:100px; background:#000000; //设置弯曲程度,当然也可以分别设置;比如只设置左下角:border-bottom-left-radius:10px; border-radius:10px; }

border-radius:5px; 但是IE不支持这个属性,所以现在一般的做法是做一张圆角的背景图片

border-radius:8px; 数字可以修改,数字越大,圆角越大 border-radius:50%; 这个效果就是圆形的效果了

上面这位兄台你的回答是COPY的吧,没有讲到重点不说,洋洋散散那么多字都是多余的,我给你写一句简单的代码。 CSS代码: #myDiv { border-radius: 4px; /*这句就是重点,让边框变为圆角*/ border: 1px solid #CCC; /*让边框变为1px宽度,直线,#...

貌似只有CSS3才能够实现圆角矩形吧。你可以在css中分成3段,前后两段用图片做背景成为圆角,中间用矩形。

CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。 代码实例:border-radius: 15px; 1、把下列代码添加进入你...

圆角可以用css3的border-radius属性来实现; 如一个div宽300,高200,背景红色,圆角度为10px:

CSS圆角矩形可以使用 Border-radius 属性即可实现。 Border-radius 属性相关定义功能及其案例: 对浏览器的支持:IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。 定义和用法:border-radius 属性是一个简写属性,用...

对于border属性,css3提供了四个单独的属性, * border-top-left-radius: * border-top-right-radius* border-bottom-right-radius* border-bottom-left-radius 也就是这四个单独的属性,可以实现弧度的转换。 例: radius可向 div 元素添加圆...

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com