您好,登錄后才能下訂單哦!
這篇文章主要講解了“css3如何取消加粗文本樣式”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css3如何取消加粗文本樣式”吧!
在css中,可以利用“font-weight”屬性取消文本的加粗樣式,該屬性用于設置文本的粗細大小,當屬性的值為“normal”時,就可以取消加粗文本樣式,語法為“元素{font-weight:normal;}”。
本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css3怎樣取消加粗文本樣式
在css中,想要取消加粗文本,需要經過font-weight屬性來取消加粗文本。
font-weight 屬性設置文本的粗細。
該屬性用于設置顯示元素的文本中所用的字體加粗。數字值 400 相當于 關鍵字 normal,700 等價于 bold。每個數字值對應的字體加粗必須至少與下一個最小數字一樣細,而且至少與下一個最大數字一樣粗。
屬性值如下:
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .wenben{ font-weight:normal; } </style> </head> <body> <h2>這是沒有取消加粗的文本樣式</h2> <h2 class="wenben">這是一個取消加粗文本樣式</h2> </body> </html>
輸出結果:
感謝各位的閱讀,以上就是“css3如何取消加粗文本樣式”的內容了,經過本文的學習后,相信大家對css3如何取消加粗文本樣式這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。