【網(wǎng)頁(yè)設(shè)計(jì)】如何通過(guò)代碼添加水平線（下劃線）？1、新建一個(gè)html文件，命名為test.html，用于講解css怎么在網(wǎng)頁(yè)中給文字加上下劃線。2、在test.html文件內(nèi)，使用p標(biāo)簽創(chuàng)建一行文字，文

【網(wǎng)頁(yè)設(shè)計(jì)】如何通過(guò)代碼添加水平線（下劃線）？

1、新建一個(gè)html文件，命名為test.html，用于講解css怎么在網(wǎng)頁(yè)中給文字加上下劃線。

2、在test.html文件內(nèi)，使用p標(biāo)簽創(chuàng)建一行文字，文字內(nèi)容為“這是測(cè)試的文字”。

3、在test.html文件內(nèi)，設(shè)置p標(biāo)簽的id屬性為tt，主要用于下面通過(guò)該id設(shè)置p元素的css樣式。

4、在test.html文件內(nèi)，編寫<style type="text/css"></style>標(biāo)簽，頁(yè)面的css樣式將寫在該標(biāo)簽內(nèi)。

5、在test.html文件內(nèi)，在css標(biāo)簽內(nèi)，通過(guò)元素名稱來(lái)定義其css樣式，下面將在花括號(hào)內(nèi)編寫css樣式。

6、在css標(biāo)簽內(nèi)，在花括號(hào)內(nèi)將text-decoration屬性設(shè)置為underline，從而實(shí)現(xiàn)文字加上下劃線的效果。

7、在瀏覽器打開test.html文件，查看實(shí)現(xiàn)的效果。

網(wǎng)頁(yè)設(shè)計(jì)中的邊框代碼？

1、打開html開發(fā)工具，新建一個(gè)html代碼頁(yè)面。html中創(chuàng)建一個(gè)div標(biāo)簽，給這個(gè)標(biāo)簽添加文字和一個(gè)class為了后面方便控制div的樣式：

2、接下來(lái)在style標(biāo)簽設(shè)置div的樣式，在solid類中將邊框樣式設(shè)為實(shí)線邊框，顏色這里用默認(rèn)的黑色：

3、保存html代碼使用瀏覽器打開，即可看到瀏覽器頁(yè)面上顯示一個(gè)實(shí)線邊框。以上就是網(wǎng)頁(yè)設(shè)計(jì)中設(shè)置邊框的詳細(xì)步驟：