在HTML中,我們可以使用了<del>
標簽來實現刪除線的效果。但是,如果需要自定義字體樣式,就需要使用CSS來設置。
首先,我們需要給需要添加刪除線的文本添加一個class,在CSS中對這個class進行樣式設置。例如:
<style>
.del-line {
text-decoration: line-through; /* 設置刪除線 */
font-family: Arial; /* 設置字體樣式 */
font-weight: bold; /* 設置字體粗細 */
color: red; /* 設置字體顏色 */
}
</style>
<p><span class="del-line">這是一段需要添加刪除線的文本</span></p>
在上述代碼中,我們給需要添加刪除線的文本添加了一個classdel-line
,然后在CSS中設置了樣式。其中,text-decoration: line-through;
用于設置刪除線,font-family: Arial;
用于設置字體樣式,font-weight: bold;
用于設置字體粗細,color: red;
用于設置字體顏色。
最后,我們將上述代碼放入<p>
標簽中,即可在網頁上看到添加了自定義字體樣式的刪除線文本。