点击运行
<!DOCTYPE html> <html> <head> <style> p.normal {font-variant-caps: normal;} p.small {font-variant-caps: small-caps;} p.allsmall {font-variant-caps: all-small-caps;} p.petite {font-variant-caps: petite-caps;} p.allpetite {font-variant-caps: all-petite-caps;} p.unicase {font-variant-caps: unicase;} p.titling {font-variant-caps: titling-caps;} </style> </head> <body> <h1>font-variant-caps 属性</h1> <p class="normal">My name is Hege Refsnes.</p> <p class="small">My name is Hege Refsnes.</p> <p class="allsmall">My name is Hege Refsnes.</p> <p class="petite">My name is Hege Refsnes.</p> <p class="allpetite">My name is Hege Refsnes.</p> <p class="unicase">My name is Hege Refsnes.</p> <p class="titling">My name is Hege Refsnes.</p> <p><b>注释：</b> Safari do not support the font-variant-caps property.</p> </body> </html>
运行结果
