聚焦有時(shí)候會(huì)出現(xiàn)一閃一閃的黑色豎線,在css當(dāng)中有此屬性 caret-color
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供珠山企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、網(wǎng)站制作、HTML5、小程序制作等業(yè)務(wù)。10年已為珠山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
當(dāng)我們想要改變豎線的顏色的時(shí)候,只需要輸入顏色的指即可
當(dāng)我們不想要這個(gè)豎線的時(shí)候,只需要輸入 caret-color: rgba(0, 0, 0, 0);
總結(jié)如下
兩種方法
1.帶豎線的字,在每個(gè)導(dǎo)航標(biāo)記后面加入 '|'這個(gè)就是豎線
2.直接用邊框
單個(gè)導(dǎo)航的樣式加上:border-right:1px solid #ddd;
1、html沒(méi)有直接插入豎線的代碼,但可以用盒子模型實(shí)現(xiàn)豎線的效果。具體的做法是首先需要打開(kāi)hbuilder編輯器,新建一個(gè)html文件,寫入基本的html結(jié)構(gòu):
2、然后插入一個(gè)div標(biāo)簽,在上方的style標(biāo)簽里面設(shè)置div的css樣式,這里給div設(shè)置背景顏色,并給它一個(gè)高度,寬度設(shè)置為0,設(shè)置border-left屬性即可做出豎線:
3、最后打開(kāi)瀏覽器,即可看到一個(gè)藍(lán)色的豎線了: