亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

滑動門 圓角背景寬度和高度自適應

2024-07-11 08:26:02
字體：大 中 小
來源：轉載
供稿：網友

第一張圖用于高度自適應，第二張用于寬度自適應。如果覺得不夠高或寬，可以修改圖片。
實現的方法很簡單，其實就是套2層，其中外層用長背景，內層用短背景蓋住。拿高度自適應來說，可以用一個div（用長背景居底鋪）嵌套一個h2（用短背景居頂鋪）標簽。
圓角背景高度自適應：

復制代碼
代碼如下:
<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>標題</h2>
<p>內容內容內容內容內容內容內容內容內容內容內容內容
內容內容內容內容內容內容內容內容內容內容內容內容
</p>
</div>

寬度自適應的圓角按鈕原來是一樣的，只不過是改成橫向的：

復制代碼
代碼如下:
<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>三個字</span></li>
<li><span>六個字六個字</span></li>
</ul>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩成人在线视频| 国产精品免费一区二区三区都可以| 国产一区二区三区在线观看视频| 久久在线精品视频| 国产在线a不卡| 北条麻妃在线一区二区| 欧美高清视频在线播放| 欧美日韩日本国产| 97久久精品人人澡人人爽缅北| 国产脚交av在线一区二区| 日韩精品视频在线| 国产日韩在线免费| 成人免费福利视频| 亚洲自拍偷拍色片视频| 欧美日韩免费区域视频在线观看| 午夜精品一区二区三区视频免费看| 国产精品a久久久久久| 国产精品扒开腿做爽爽爽视频| 欧美日韩国产黄| 国产成人黄色av| 久久久久久久久亚洲| 国产精品电影久久久久电影网| 亚洲国产精品国自产拍av秋霞| 91免费精品国偷自产在线| 97精品欧美一区二区三区| 欧美激情亚洲综合一区| 欧美激情xxxx性bbbb| 国产丝袜一区二区三区免费视频| 日韩av手机在线看| 琪琪亚洲精品午夜在线| 国产日韩精品入口| 性欧美xxxx视频在线观看| 欧美床上激情在线观看| 一本色道久久88精品综合| 欧美另类极品videosbestfree| 久久亚洲成人精品| 九九综合九九综合| 狠狠综合久久av一区二区小说| 亚洲免费av片| 精品少妇一区二区30p| 亚洲第一网中文字幕| 精品国产乱码久久久久久虫虫漫画| 久久成年人免费电影| 国产精品自产拍在线观看中文| 亚洲精品一区中文| 97精品一区二区三区| 91在线观看免费高清| 这里精品视频免费| 午夜剧场成人观在线视频免费观看| 国产精品久久久久久亚洲影视| 久久69精品久久久久久国产越南| 亚洲精品视频在线播放| 欧美在线视频一二三| 国产亚洲精品激情久久| 日韩中文字在线| 成人妇女免费播放久久久| 日韩电影在线观看永久视频免费网站| 久久久久久久久中文字幕| 欧美午夜激情在线| 精品国产91久久久久久老师| 亚洲欧洲美洲在线综合| 韩国国内大量揄拍精品视频| 国产精品精品视频一区二区三区| 45www国产精品网站| 亚洲免费一级电影| 亚洲人成在线观看| 91九色视频在线| 亚洲一区二区三区sesese| 一本色道久久综合亚洲精品小说| 亚洲欧美一区二区激情| 亚洲韩国日本中文字幕| 亚洲欧美中文字幕在线一区| 日韩电影视频免费| 在线精品视频视频中文字幕| 欧美日韩中文字幕在线视频| 韩国国内大量揄拍精品视频| 超薄丝袜一区二区| 色婷婷综合久久久久中文字幕1| 日韩高清av在线| 久久99青青精品免费观看| 亚洲自拍欧美另类| 亚洲精品色婷婷福利天堂| 欧美最顶级丰满的aⅴ艳星| 亚洲精品在线视频| 欧美一区二区三区……| 深夜福利国产精品| 国产精品27p| 日韩免费av一区二区| 国产精品 欧美在线| 伊人男人综合视频网| 国产suv精品一区二区| 欧美大码xxxx| 不卡av在线播放| 一个人看的www欧美| 国产在线观看精品一区二区三区| 欧美第一页在线| 日韩最新在线视频| 日韩视频免费在线| 中文精品99久久国产香蕉| 黑人狂躁日本妞一区二区三区| 亚洲激情视频在线播放| 欧美性jizz18性欧美| 日本三级久久久| 亚洲一区二区三区四区在线播放| 九九久久久久99精品| 亚洲欧洲激情在线| 精品久久久一区| 亚洲欧美在线第一页| 亚洲视频第一页| 亚洲精品自拍第一页| 欧美国产亚洲精品久久久8v| 国产精品a久久久久久| 中文字幕日韩精品在线观看| 国产精品久久色| 亚洲精品国产美女| 日韩av一区二区在线观看| 国产大片精品免费永久看nba| 成人午夜激情免费视频| 91精品国产91久久| 欧美性xxxxx极品娇小| 欧美大荫蒂xxx| 欧美日韩国产页| 久久久91精品国产一区不卡| 亚洲人av在线影院| 国产精品国产三级国产aⅴ9色| 欧美成人午夜影院| 国产经典一区二区| 黑人巨大精品欧美一区二区三区| 欧美日韩第一页| 国产精品热视频| www.亚洲免费视频| 一区二区三区高清国产| 亚洲欧美国产va在线影院| 欧美日韩成人在线播放| 国产精品69久久久久| 日韩禁在线播放| www.欧美视频| 久久天堂av综合合色| 欧美激情免费在线| 欧美成人免费va影院高清| 久久影院资源站| 国产精品91在线| 国产精品va在线| 成人免费观看49www在线观看| 欧美美最猛性xxxxxx| 国产视频福利一区| 成人午夜两性视频| 国产啪精品视频| 欧美成人久久久| 一区二区中文字幕| 91精品国产综合久久久久久蜜臀| 国产亚洲精品综合一区91| 欧美午夜激情小视频| 国产日韩欧美黄色| 亚洲精品一区二三区不卡| 亚洲韩国欧洲国产日产av| 欧美日韩精品在线观看| 日韩av网址在线观看| 国内免费久久久久久久久久久| 最近日韩中文字幕中文| 伊人久久久久久久久久久久久| 国产va免费精品高清在线观看| 久久精品国产视频| 一区二区三区 在线观看视|