在網(wǎng)頁設(shè)計中,字體下劃虛線常常被用來表示鏈接,為了實現(xiàn)這種效果,我們可以使用CSS給鏈接設(shè)置下劃虛線。下面是具體實現(xiàn)方法:
第一步,選定要添加下劃虛線的鏈接,例如:字體下劃虛線的實現(xiàn)
請點擊這里訪問http://www.example.com
第二步,為鏈接設(shè)置CSS樣式,例如: pre { font-family: "Courier New", monospace; font-size: 18px; background-color: #F5F5F5; padding: 10px; } a { text-decoration: none; /*取消下劃線*/ border-bottom: 1px dotted #999; /*設(shè)置下劃虛線*/ } 第三步,將CSS樣式應(yīng)用到HTML元素中,例如:請點擊這里訪問http://www.example.com
通過上述步驟,我們就能夠?qū)崿F(xiàn)字體下劃虛線的效果。具體效果如下: 請點擊這里訪問http://www.example.com 以上就是使用CSS實現(xiàn)字體下劃虛線的步驟。上一篇字體css頁面中間