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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

滑動(dòng)門(mén) 圓角背景寬度和高度自適應(yīng)

2024-07-11 08:26:02
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

第一張圖用于高度自適應(yīng),第二張用于寬度自適應(yīng)。如果覺(jué)得不夠高或?qū)?,可以修改圖片。
實(shí)現(xiàn)的方法很簡(jiǎn)單,其實(shí)就是套2層,其中外層用長(zhǎng)背景,內(nèi)層用短背景蓋住。拿高度自適應(yīng)來(lái)說(shuō),可以用一個(gè)div(用長(zhǎng)背景居底鋪)嵌套一個(gè)h2(用短背景居頂鋪)標(biāo)簽。
圓角背景高度自適應(yīng):

復(fù)制代碼
代碼如下:
<style type="text/css">
body,div,p,h2{ margin:0; padding:0;}
div{width:262px; margin:100px auto 0; background:url(images/hua1.png) right bottom no-repeat; overflow:hidden;}
h2{ width:262px; height:36px; text-indent:35px; background:url(images/hua1.png) left top no-repeat;}
div p{ padding:10px;}
</style>
<div>
<h2>標(biāo)題</h2>
<p>內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容
</p>
</div>

寬度自適應(yīng)的圓角按鈕原來(lái)是一樣的,只不過(guò)是改成橫向的:

復(fù)制代碼
代碼如下:
<style type="text/css">
body,ul,li{ margin:0; padding:0;}
ul{ list-style:none; overflow:hidden;}
li{ float:left; display:inline; height:30px; margin-left:10px; background:url(images/hua2.png) right top no-repeat;}
li span{ float:left; display:block; height:30px; padding:0 10px; line-height:30px; text-align:center; background:url(images/hua2.png) left bottom no-repeat;}
</style>
<ul>
<li><span>三個(gè)字</span></li>
<li><span>六個(gè)字六個(gè)字</span></li>
</ul>

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 城市| 外汇| 嘉禾县| 星座| 吴川市| 巩留县| 绩溪县| 南丹县| 内丘县| 法库县| 凉城县| 莱州市| 宁强县| 高清| 安化县| 宁武县| 绍兴市| 大厂| 合江县| 抚远县| 泸溪县| 固安县| 陆河县| 乌兰察布市| 安福县| 黄大仙区| 黔江区| 远安县| 东阳市| 彭阳县| 辉县市| 黔江区| 合川市| 汕尾市| 桂东县| 沽源县| 天峨县| 曲沃县| 元江| 林甸县| 山丹县|