css刪除線 前端刪除文字貫穿線的方法有哪些

2021-10-11 06:55:43 字數 638 閱讀 6327

對文字新增刪除線方法有兩種,一種是使用html刪除線標籤;另外一種是使用css刪除線樣式text-decoration:line-through。

html標籤實現刪除線樣式

1,使用標籤

< s > 我被加刪除線

2,css刪除線樣式實現刪除線效果

使用css實現刪除線樣式屬性單詞text-decoration:line-through

使用css text-decoration 屬性 可以新增刪除線

text-decoration定義和用法:

text-decoration 屬性規定新增到文字的修飾。

注釋:修飾的顏色由 「color」 屬性設定。

說明:這個屬性允許對文字設定某種效果,如加下劃線。如果後代元素沒有自己的裝飾,祖先元素上設定的裝飾會「延伸」到後代元素中。不要求使用者**支援 blink。

text-decoration可能的值:

none預設。定義標準的文字。

underline定義文字下的一條線。

overline定義文字上的一條線。

line-through定義穿過文字下的一條線。

blink定義閃爍的文字。

inherit規定應該從父元素繼承 text-decoration 屬性的值。

價格中間貫穿刪除線效果樣式布局

應用css技倆機關價錢劃線,價錢中劃線成果,優惠前原代價中間使用刪除線同樣功效名目 各大電商平台,團體 也好,各大打造品生意業務也好,都市用原價錢與優惠後價錢組成比較,讓使用者出產生購置下單願望。一般會布局體現出原 與優惠後代價,而原價值應用中劃線 價錢兩頭用一道橫線刪除線 值浮現畸形,原價錢運用中...

文字刪除線怎麼加

我們在編輯word文件的時候,有時看到一些想要修改的文字,想要把其刪除掉,為了達到與紙上劃掉文字一樣的效果,我們可以為這些檔案新增刪除線,下面就一起來看看操作的方法吧 新增文字刪除線的方法步驟 方法一 1.首先我們在電腦上用word開啟要編輯的檔案,然後選中想要新增刪除線的檔案 2.右鍵點選選中的檔...

css刪除線 使用HTML5的刪除線

css非常適合樣式設定,但不適用於提供內容含義。這就是html語義標記的用途,當你嘗試刪除內容時,通常會有乙個原因,並且可以使用適當的html標籤來描述該原因。使用或傳達,並賦予你的 以語義意義 是的,它們都是刪除線。但是,它們傳達了關於內容的不同含義。所以它們是不能互換的。你要選擇乙個能反映你想達...