国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css - 一條線兩邊有短線的樣式表怎么寫?

瀏覽:60日期:2023-07-27 13:36:31

問(wèn)題描述

圖片的藍(lán)線我想到的是單獨(dú)用p寫。

<p>abacedfg</p><p class='藍(lán)線'></p>

我想直接在<p>abacedfg</p>這個(gè)p直接畫出這樣的線,這樣少了一個(gè)p標(biāo)簽了。不知道css有沒(méi)有技巧能畫出這樣兩邊有短線。css - 一條線兩邊有短線的樣式表怎么寫?

問(wèn)題解答

回答1:

直接上答案,一個(gè)<p>就可以做好:

http://jsfiddle.net/2drzmzkh/

使用了一個(gè)偽元素 ::before。

回答2:

用兩個(gè)偽元素絕對(duì)定位。。

回答3:

樓上說(shuō)的很對(duì),在此補(bǔ)充一小點(diǎn):用p的偽元素:before 和 :after,然后絕對(duì)定位到兩邊,IE7及以下不兼容,如果你需要兼容低版本的IE,則需要再考慮下。

回答4:

左右兩邊的短線可以用p的左邊邊框,邊框的顏色再利用css3的線性漸變linear-gradient可以實(shí)現(xiàn),不過(guò)不向下兼容。

但其實(shí)直接在<p class='藍(lán)色'></p>,加上border更好,多個(gè)p并沒(méi)什么,兼容也較好。

回答5:

要是不兼容低版本的IE的話,可以使用:after,:before來(lái)控制顯示左右兩邊的邊框,要是得兼容的話,那就像樓上那樣子了,不過(guò)這樣子的空白無(wú)意義的就偏多了

回答6:

border-left,border-right

回答7:

難道不是一個(gè)盒子都有邊框,然后去掉上邊框么?

cssp { border: 2px solid blue; border-top: none; width: 100%; height: 2px; overflow: hidden;}

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 亚洲一区二区中文 | 222aaa天堂| 日韩在线视频免费不卡一区 | 国产高清视频免费最新在线 | 日本黄色大片在线播放视频免费观看 | 欧美男人操女人 | 成年女人免费视频播放成年m | 国产日产高清欧美一区二区三区 | 日本三本道 | 国产精品免费视频能看 | 国产午夜亚洲精品 | 窝窝社区在线观看www | 男人又粗又硬桶女人免费 | 国产成人亚洲精品一区二区在线看 | 看日本真人一一级特黄毛片 | 国内外成人免费视频 | 国产成人亚洲精品久久 | 久久成人18免费网站 | 亚洲日本视频在线观看 | 欧美日韩专区国产精品 | 在线天天干 | 久久青草免费免费91线频观看 | 毛片一区二区三区 | 亚洲一级毛片免观看 | 欧美一区永久视频免费观看 | 国内精品福利在线视频 | 久久精品国产精品亚洲20 | 欧美福利一区二区三区 | 欧美成人精品一区二区 | 亚洲成a人片 | 亚洲系列国产系列 | 久久99亚洲精品久久久久99 | 国产自在自线午夜精品视频 | 中文字幕乱码无线码在线 | 杨幂丝袜国产福利视频 | 欧美成人精品一区二区 | 99视频九九精品视频在线观看 | 亚洲国产成人久久精品图片 | 久久精品福利视频在线观看 | 欧美韩国日本在线 | 成人做爰视频www视频 |