回覆列表
-
1 # 晨星早
-
2 # 屁薩
1、新建檔案，建立文字下劃線。
2、效果如圖，是不是覺得文字和下劃線離得太近了。
3、建立一行文字為span設定樣式。
4、效果如圖，文字和下劃線的距離是不是好多了。
5、還可以設定下劃線的顏色。
6、效果如圖。
7、還可以設定下劃線的樣式。
8、效果如圖。
擴充套件資料：
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。
-
3 # 睡醒了接著睡321
1、例項程式碼如下：
2、此時頁面效果如下：
3、修改第1步中的txt樣式，加入text-decoration:underline。
4、此時頁面效果如下，出現了下劃線。
5、在第一種方法的初始程式碼上，增加border-bottom: 1px solid black、padding-bottom: 10px兩個關鍵樣式，如下：
6、此時頁面效果如下：
-
4 # 註定搗蛋ly
一般有兩種方法：
一、透過CSS下劃線程式碼：text-decoration:underline來設定文字下劃線。
例項演示如下：
1、例項程式碼如下：
此時頁面效果如下：
2、修改第1步中的txt樣式，加入text-decoration:underline。
此時頁面效果如下，出現了下劃線。
二、透過設定div的border實現效果：
例項演示如下：
在第一種方法的初始程式碼上，增加border-bottom: 1px solid black、padding-bottom: 10px兩個關鍵樣式，如下：
此時頁面效果如下：
1、例項程式碼如下：
2、此時頁面效果如下：
3、修改第1步中的txt樣式，加入text-decoration:underline。
4、此時頁面效果如下，出現了下劃線。
5、在第一種方法的初始程式碼上，增加border-bottom: 1px solid black、padding-bottom: 10px兩個關鍵樣式，如下：
6、此時頁面效果如下：