CSS上標(biāo)是一種將文本或數(shù)學(xué)公式上方的小字符或數(shù)字,用來表示次方或指數(shù)的文字效果。在CSS中實(shí)現(xiàn)上標(biāo)的代碼非常簡單,只需要設(shè)置兩個(gè)CSS屬性即可。
樣式代碼: sup { vertical-align: super; font-size: smaller; }
以上代碼中,“sup” 即代表“上標(biāo)”的意思。在這段代碼中,“vertical-align”屬性用來指定上標(biāo)的位置,取值為“super”則表示將上標(biāo)置于基線之上,即實(shí)現(xiàn)上標(biāo)效果。另一個(gè)屬性“font-size”則用來控制上標(biāo)字符的大小,一般應(yīng)該比基礎(chǔ)文字要小。為了讓CSS實(shí)現(xiàn)的上標(biāo)更加美觀,也可以對(duì)上標(biāo)字符應(yīng)用其他CSS樣式屬性,例如線條樣式、字體顏色等。
如果要將某個(gè)HTML元素的一部分文字設(shè)置為上標(biāo)效果,只需要在“sup”元素內(nèi)添加該文字即可:
HTML代碼:這里是一個(gè)數(shù)學(xué)公式,3/4表示三分之四的分?jǐn)?shù)。
在以上HTML代碼中,我們使用“3”將數(shù)字“3”設(shè)置為上標(biāo),使用“4”將數(shù)字“4”設(shè)置為下標(biāo),最終呈現(xiàn)的效果是在斜杠中間的“3/4”表現(xiàn)為“3”和“4”的上下標(biāo)字形。