html - 豎線怎么實現

問題描述

問題解答

不考慮兼容

#test:before { content: ’’; height: 100%; display: inline-block; vertical-align: middle; border-right: 1px solid black;}回答2：

border-left 或者 border-right

也可以引入一個像素寬的背景圖片~

1.用border解決。2.用背景圖片。3.寫一p寬度為1px填充背景顏色。

推薦使用before/after偽元素，次之使用border，再次之背景顏色漸變、box-shadow，再再次之背景圖片base64，最后背景圖片。。。

1.可以使用偽元素，如樓上回答的那樣。2.給“交易時間”那個元素使用border-left，或者給左邊三角形那個元素使用border-right。3.假如那條豎線是100px的話，使用定位在那個位置寫一個height=100px，width=1px，background=#000的p。4.插入背景圖。