文章詳情頁
html - 豎線怎么實現
瀏覽:109日期:2023-01-26 08:51:59
問題描述
問題解答
回答1:不考慮兼容
#test:before { content: ’’; height: 100%; display: inline-block; vertical-align: middle; border-right: 1px solid black;}回答2:
border-left 或者 border-right
回答3:也可以引入一個像素寬的背景圖片~
回答4:1.用border解決。2.用背景圖片。3.寫一p寬度為1px填充背景顏色。
回答5:推薦使用before/after偽元素,次之使用border,再次之背景顏色漸變、box-shadow,再再次之背景圖片base64,最后背景圖片。。。
回答6:1.可以使用偽元素,如樓上回答的那樣。2.給“交易時間”那個元素使用border-left,或者給左邊三角形那個元素使用border-right。3.假如那條豎線是100px的話,使用定位在那個位置寫一個height=100px,width=1px,background=#000的p。4.插入背景圖。
標簽:
HTML
相關文章:
1. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?2. javascript - 前端使用 jquery.jsonp.js 插件 跨域報錯 SyntaxError: Unexpected token :3. javascript - 關于emoji是如何解析的呢??4. javascript - Vue 的依賴追蹤屬于單向數據綁定還是雙向綁定?5. javascript - vue-cli項目中,子組件是否能動態更改路由中的meta屬性?6. javascript - vue使用videojs+videojs-contrib-hls報錯7. javascript - 使用rem后 元素間的間距很大怎么辦?8. javascript - 頁面打開很卡,求優化方案,謝謝!9. javascript - 怎樣用正則匹配特殊符號后的id10. javascript - 我做了一個canvas游戲,當把地圖攝像機放大地圖物體時,fps很卡,動畫不流暢,怎么破
排行榜
