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

首頁 > 開發 > CSS > 正文

用DIV CSS編寫出的網頁中的圓角矩形

2024-07-11 08:20:27
字體:
來源:轉載
供稿:網友

用CSS DIV編寫的實現在網頁中顯示圓角矩形的代碼!希望對大家有用!謝謝支持!

以下為引用的內容:

<style>
div.bg{background:#ffc20e;width:50%}
b{display:block;}
/*將所有B標簽轉成塊級元素*/

div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#ffc20e;}
/*div標簽內類名為topb/bottomb的那個b標簽的css屬性值--高為1px,溢出部份隱藏,背景色同div.bg的背景色*/

div b.topb,div b.bottomb{ background-color:white}
/*div標簽內類名為topb/bottomb的背景色要與body背景色一致*/

b.t1{margin:0 5px}
/*標簽margin值將決定溢出的多少值被隱藏*/
b.t2{margin:0 3px}
b.t3{margin:0 2px}
b.t4{margin:0 1px;height:2px;}

</style>

<div align="center">
<div class="bg">

<b class="topb"><!--**此b標簽所包含的b標簽要進行溢出隱藏**-->
<b class="t1"></b>
<b class="t2"></b>
<b class="t3"></b>
<b class="t4"></b>

</b>
<br />
這個代碼是從互聯網收集整理所得, 謝謝支持!
<br />
<br />

<b class="bottomb">
<b class="t4"></b>
<b class="t3"></b>
<b class="t2"></b>
<b class="t1"></b>
</b>

</div>
</div>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 灯塔市| 汉中市| 武安市| 浦城县| 武威市| 邵阳市| 伊春市| 鄯善县| 贺兰县| 广州市| 大兴区| 两当县| 崇州市| 神池县| 湖南省| 扶风县| 奉化市| 大石桥市| 精河县| 清远市| 宜良县| 射阳县| 方山县| 五大连池市| 临湘市| 南宁市| 沙洋县| 潍坊市| 江安县| 孟津县| 沁水县| 迁西县| 龙山县| 深泽县| 上饶市| 庆云县| 沾化县| 巴东县| 滦平县| 金秀| 黎平县|