當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html:(33):文字排版粗体和斜体

發布時間：2023/12/10 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 html:(33):文字排版粗体和斜体小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文字排版--粗體

我們還可以使用css樣式來改變文字的樣式：粗體、斜體、下劃線、刪除線，可以使用下面代碼實現設置文字以粗體樣式顯示出來。

p span{font-weight:bold;}

在這里大家可以看到，如果想為文字設置粗體是有單獨的css樣式來實現的，再不用為了實現粗體樣式而使用h1-h6或strong標簽了。

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>粗體簽</title> <style type="text/css"> p span{font-weight:bold;}</style> </head> <body><h1>勇氣</h1><p>三年級時，我還是一個<span class="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會<a href="https://blog.csdn.net/weixin_43392489">批評</a>我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p><p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> </body> </html>

文字排版--斜體

以下代碼可以實現文字以斜體樣式在瀏覽器中顯示：

p a{font-style:italic;}<p>三年級時，我還是一個<a>膽小如鼠</a>的小女孩。</p> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>斜體樣式</title> <style type="text/css"> a p{font-style:italic; }</style> </head><body> <p>三年級時，我還是一個<a>膽小如鼠</a>的小女孩。</p> </body> </html>

運行結果

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html:(33):文字排版粗体和斜体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。