html怎么設(shè)置下劃線長度

html設(shè)置下劃線長度的方法：1、給元素添加“display: block;”樣式將其變成塊級元素；2、使用border-bottom屬性設(shè)置下劃線樣式；3、利用width屬性控制下劃線長度，語法“width:長度值;”。
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供石城網(wǎng)站建設(shè)、石城做網(wǎng)站、石城網(wǎng)站設(shè)計、石城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、石城企業(yè)網(wǎng)站模板建站服務(wù)，十多年石城做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html設(shè)置下劃線長度的方法

在html中，可以通過border-bottom屬性設(shè)置下劃線樣式，然后使用width屬性來控制下劃線長度。

嵌套是元素必須可以控制寬度，即使用width屬性要有效。

也就是說元素必須是塊級元素（display: block;）或行內(nèi)塊級元素（display: inline-block;）。

實現(xiàn)代碼：

<!DOCTYPE html><html><head><meta charset="utf-8"><style>a{text-decoration: none;}.box{display: block;border-bottom:2px solid grey;width:200px;}</style></head><body><a href="#" class="box">About</a><br><span class="box">Technology</span></body></html>

推薦教程：《html視頻教程》

網(wǎng)站名稱：html怎么設(shè)置下劃線長度
本文路徑：http://www.rwnh.cn/article16/cppjdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、用戶體驗、網(wǎng)站設(shè)計、響應(yīng)式網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站營銷

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

html怎么設(shè)置下劃線長度