国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 综艺| 健康| 大城县| 塘沽区| 杭锦后旗| 南丰县| 孝昌县| 万载县| 江西省| 淄博市| 柘城县| 芦溪县| 天门市| 庄浪县| 漾濞| 巴林左旗| 平远县| 乌鲁木齐市| 金平| 勐海县| 泰州市| 永善县| 平陆县| 靖边县| 贵德县| 临漳县| 桐庐县| 横峰县| 顺平县| 常德市| 胶南市| 东乡族自治县| 天全县| 葫芦岛市| 郁南县| 灵川县| 墨江| 布尔津县| 永春县| 基隆市| 社旗县|