W3School-CSS 伪元素 (Pseudo-elements) 实例_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 11:28:391395浏览
CSS 伪元素 (Pseudo-elements)实例
CSS 实例
01制作首字母特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>01制作首字母特效</title> <style type="text/css"> p:first-letter { color: #ff0000; font-size: xx-large; } </style> </head> <body> <p> You can use the :first-letter pseudo-element to add a special effect to the first letter of a text! </p> </body></html> 02制作首行特效
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>02制作首行特效</title> <style type="text/css"> p:first-line { color: #ff0000; font-variant: small-caps; } </style> </head> <body> <p> You can use the :first-line pseudo-element to add a special effect to the first line of a text! </p> </body></html> CSS 伪元素 (Pseudo-elements) 总结
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn