CSS3下標可以讓我們在文本中顯示下標,使內容更清晰易懂。CSS3下標是使用<sub>
標簽定義的,使用CSS樣式表為它設置樣式。
.sub { font-size: 0.8em; vertical-align: sub; }
在這個樣式中,我們使用了font-size屬性來調整<sub>
標簽的字體大小,并使用vertical-align屬性來設置下標的垂直對齊方式為下標位置。
接下來,我們可以在HTML文本中使用<sub>
標簽并應用此樣式。例如:
水的化學式為H2O
以上代碼將顯示為:水的化學式為H2O。
我們可以使用CSS3下標功能加強我們的文本效果,提高內容的可讀性。
下一篇css3 云朵