如何打代碼 【網(wǎng)頁設(shè)計】如何通過代碼添加水平線(下劃線)?
【網(wǎng)頁設(shè)計】如何通過代碼添加水平線(下劃線)?1、新建一個html文件,命名為test.html,用于講解css怎么在網(wǎng)頁中給文字加上下劃線。2、在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一行文字,文
【網(wǎng)頁設(shè)計】如何通過代碼添加水平線(下劃線)?
1、新建一個html文件,命名為test.html,用于講解css怎么在網(wǎng)頁中給文字加上下劃線。
2、在test.html文件內(nèi),使用p標(biāo)簽創(chuàng)建一行文字,文字內(nèi)容為“這是測試的文字”。
3、在test.html文件內(nèi),設(shè)置p標(biāo)簽的id屬性為tt,主要用于下面通過該id設(shè)置p元素的css樣式。
4、在test.html文件內(nèi),編寫<style type="text/css"></style>標(biāo)簽,頁面的css樣式將寫在該標(biāo)簽內(nèi)。
5、在test.html文件內(nèi),在css標(biāo)簽內(nèi),通過元素名稱來定義其css樣式,下面將在花括號內(nèi)編寫css樣式。
6、在css標(biāo)簽內(nèi),在花括號內(nèi)將text-decoration屬性設(shè)置為underline,從而實(shí)現(xiàn)文字加上下劃線的效果。
7、在瀏覽器打開test.html文件,查看實(shí)現(xiàn)的效果。
網(wǎng)頁設(shè)計中的邊框代碼?
1、打開html開發(fā)工具,新建一個html代碼頁面。html中創(chuàng)建一個div標(biāo)簽,給這個標(biāo)簽添加文字和一個class為了后面方便控制div的樣式:
2、接下來在style標(biāo)簽設(shè)置div的樣式,在solid類中將邊框樣式設(shè)為實(shí)線邊框,顏色這里用默認(rèn)的黑色:
3、保存html代碼使用瀏覽器打開,即可看到瀏覽器頁面上顯示一個實(shí)線邊框。以上就是網(wǎng)頁設(shè)計中設(shè)置邊框的詳細(xì)步驟: