css -- "闪亮的文本竖线"

html-css018

css -- "闪亮的文本竖线",第1张

聚焦有时候会出现一闪一闪的黑色竖线,在css当中有此属性 caret-color

当我们想要改变竖线的颜色的时候,只需要输入颜色的指即可

当我们不想要这个竖线的时候,只需要输入 caret-color: rgba(0, 0, 0, 0)

总结如下

两种方法

1.带竖线的字,在每个导航标记后面加入 '|'这个就是竖线

2.直接用边框

单个导航的样式加上:border-right:1px solid #ddd