兩種方法
創(chuàng)新互聯(lián)專注于鲅魚圈企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城網(wǎng)站建設(shè)。鲅魚圈網(wǎng)站建設(shè)公司,為鲅魚圈等地區(qū)提供建站服務(wù)。全流程按需制作,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
1.帶豎線的字,在每個(gè)導(dǎo)航標(biāo)記后面加入 '|'這個(gè)就是豎線
2.直接用邊框
單個(gè)導(dǎo)航的樣式加上:border-right:1px solid #ddd;
需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:
div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;}
3、瀏覽器運(yùn)行index.html頁面,此時(shí)成功用css和div實(shí)現(xiàn)了垂直的點(diǎn)虛線。
div style="border-left: 1px dashed #000;height:100%;line-height:1px;"/div