CSS字體中間劃杠,也叫中劃線或刪除線。它可以用來表示文字的刪除、修改、失效等情況。
/* 下劃線 */ text-decoration: underline; /* 中劃線 */ text-decoration: line-through; /* 兩條線 */ text-decoration: overline underline; /* 跑馬燈 */ text-decoration: blink;
其中,中劃線的屬性值是line-through,下劃線的屬性值是underline,兩條線使用空格分隔,跑馬燈的屬性值是blink。
可以對單個元素或整個文檔進行設(shè)置:
/* 對單個元素進行中劃線設(shè)置 */ h1 { text-decoration: line-through; } /* 對整個文檔進行下劃線設(shè)置 */ body { text-decoration: underline; }
需要注意的是,默認(rèn)情況下,中劃線是穿過文字的中間,如果需要在文字的上方或下方設(shè)置中劃線,可以使用vertical-align屬性:
/* 在下方設(shè)置中劃線 */ span { text-decoration: line-through; vertical-align: text-bottom; }
另外,可以使用text-decoration-color屬性設(shè)置劃線的顏色,text-decoration-style屬性設(shè)置劃線的樣式,如虛線、實線等。
/* 設(shè)置中劃線為紅色虛線 */ span { text-decoration: line-through; text-decoration-color: red; text-decoration-style: dotted; }
以上就是關(guān)于CSS字體中間劃杠的介紹,希望能對大家有所幫助。
上一篇css如何定義超鏈接
下一篇css字體不能超出不