国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css教程制作css圓角邊框(兼容全部瀏覽器)

2024-07-11 08:27:56
字體：大 中 小
供稿：網(wǎng)友


復(fù)制代碼
代碼如下:
b{display:block;height:1px;background:#f6f6f6;overflow:hidden;}
.w300{width:300px;margin:0 4px;background:#ccc;} /*第一角度*/
.w300-2{width:300px;margin:0 3px;} /*第二腳度*/
.w302{width:302px;margin:0 2px;} /*第三腳度*/
.w304{width:304px;margin:0 1px;height:2px;} /*第四腳度*/


.b-l-r{border-left:1px #ccc solid;border-right:1px #ccc solid;} /*它的左右圓角border*/
.text-box{background:#f6f6f6;width:306px;height:100px;text-align:center;} /*中間部分*/
.text-box span{line-height:100px;color:#f00;}
</style></p><p> <body>
<b class="w300"></b> <!--上兩角-->
<b class="w300-2 b-l-r"></b>
<b class="w302 b-l-r"></b>
<b class="w304 b-l-r"></b>
<div class="text-box b-l-r">
<span>圓角框</span>
</div></p><p> <b class="w304 b-l-r h2"></b> <!--下兩腳-->
<b class="w302 b-l-r"></b>
<b class="w300-2 b-l-r"></b>
<b class="w300"></b>
</body>
</html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 洱源县| 荥阳市| 淳化县| 什邡市| 淄博市| 巨野县| 贵德县| 峨眉山市| 贵州省| 昔阳县| 什邡市| 巴马| 高邮市| 克山县| 延津县| 宾川县| 乳源| 搜索| 吴桥县| 普陀区| 乌鲁木齐市| 顺昌县| 石台县| 柳林县| 刚察县| 大城县| 阿拉善右旗| 上高县| 鸡泽县| 洮南市| 沈丘县| 定结县| 富裕县| 建瓯市| 西峡县| 中超| 北海市| 吴江市| 西宁市| 南雄市| 微博|