文章詳情頁(yè)
html - 豎線怎么實(shí)現(xiàn)
瀏覽:92日期:2023-01-26 08:51:59
問(wèn)題描述
問(wèn)題解答
回答1:不考慮兼容
#test:before { content: ’’; height: 100%; display: inline-block; vertical-align: middle; border-right: 1px solid black;}回答2:
border-left 或者 border-right
回答3:也可以引入一個(gè)像素寬的背景圖片~
回答4:1.用border解決。2.用背景圖片。3.寫一p寬度為1px填充背景顏色。
回答5:推薦使用before/after偽元素,次之使用border,再次之背景顏色漸變、box-shadow,再再次之背景圖片base64,最后背景圖片。。。
回答6:1.可以使用偽元素,如樓上回答的那樣。2.給“交易時(shí)間”那個(gè)元素使用border-left,或者給左邊三角形那個(gè)元素使用border-right。3.假如那條豎線是100px的話,使用定位在那個(gè)位置寫一個(gè)height=100px,width=1px,background=#000的p。4.插入背景圖。
標(biāo)簽:
HTML
相關(guān)文章:
1. css - 對(duì)于類選擇器使用的問(wèn)題2. javascript - 奇怪的Symbol的問(wèn)題3. python - 為什么在main()函數(shù)里result 會(huì)變成那樣?4. javascript - Web微信聊天輸入框解決方案5. angular.js - angular ng-class里面的引號(hào)問(wèn)題6. docker - 如何修改運(yùn)行中容器的配置7. javascript - 有沒(méi)有什么好的圖片懶加載的插件,需要包含監(jiān)聽(tīng)頁(yè)面滾動(dòng)高度,然后再加載的功能8. 網(wǎng)頁(yè)爬蟲(chóng) - 用Python3的requests庫(kù)模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?9. javascript - es6將類數(shù)組轉(zhuǎn)化成數(shù)組的問(wèn)題10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
排行榜

熱門標(biāo)簽