CSS貫穿文字中部的橫線
本章節介紹一下如何實現貫穿文字中部的橫劃線效果,其實也是大家常見的刪除線效果。
如下圖所示:
下面就通過程式碼例項介紹一下如何實現此效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .antzone{ width:500px; margin:0px auto; text-decoration:line-through; } </style> </head> <body> <div class="antzone">螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來。</div> </body> </html>
只要使用如下程式碼即可實現要求:
[CSS] 純文字檢視 複製程式碼text-decoration:line-through;
相關文章
- css實現將標題文字放置於橫線之間CSS
- 文字兩側加橫線的解決方案
- css刪除超連結底部的橫線CSS
- CSS 只有一條橫線的輸入框CSS
- 李巖:AI 技術貫穿於快手的產品骨髓之中AI
- CSS例項:橫線樣式的輸入框(轉)CSS
- 從馬里奧到只狼,“跳躍”何以貫穿遊戲史?遊戲
- 【2024最新】4000字搞懂sora!一張腦圖貫穿!Sora
- 從SDL到DevSecOps:始終貫穿開發生命週期的安全dev
- 強大的CSS:文字下波浪線動畫效果CSS動畫
- css如何給文字新增刪除線CSS
- 貫穿90年代的“女孩遊戲運動”,讓我們學到了什麼?遊戲
- 貫穿全產業鏈做數字孿生產品,給你更好的選擇產業
- 一篇文章貫穿ACE各種傳送接收元件 1.2版元件
- 企業安全開發建設 | 軟體開發流程是主線,管控需貫穿全生命週期
- CSS 穿牆術!太強了CSS
- “動盪”一詞貫穿加密市場全年!投資者在沉浮中感受熊市!加密
- css具有傾斜效果的橫條CSS
- css中間標題兩端橫線效果程式碼例項CSS
- PingCAP Clinic 服務:貫穿雲上雲下的 TiDB 叢集診斷服務PingCAPTiDB
- 如何快速刪除Word中的頁首橫線?刪除頁首橫線技巧分享
- CSS——CSS 給文字加樣式:② 文字屬性CSS
- CSS 文字居中CSS
- CSS文字排版CSS
- 核化線性降維中部分公式的推導公式
- CSS 多行文字超連結下劃線動效CSS
- css多行文字底部虛線效果程式碼例項CSS
- CSS系列:CSS文字樣式CSS
- 首款3D列印汽車橫穿美國4500公里油耗僅38升3D
- css文字編輯CSS
- CSS-文字格式CSS
- CSS文字裝飾CSS
- CSS 文字換行CSS
- CSS文字:direction(轉)CSS
- 什麼路由器穿牆效果好?無線路由器穿牆能力的辨別方法路由器
- css3實現文字線性漸變,css3實現背景漸變CSSS3
- iA Writer文字編輯器,心無旁騖,全神貫注寫作!
- CSS文字沉到元素的底部CSS