欢迎光临
我的个人博客网站

【代码笔记】Web-CSS-CSS伪元素

一,效果图。

【代码笔记】Web-CSS-CSS伪元素

 

二,代码。

 

<!DOCTYPE html> <html>  <head>     <meta charset="utf-8">     <title>CSS 伪元素</title>     <style>     p:first-line {         color: #ff0000;         font-variant: small-caps;     }          p:first-letter {         color: #ff0000;         font-size: xx-large;     }          h1:before {         content: url(smiley.gif);     }          h1:after {         content: url(smiley.gif);     }     </style> </head>  <body>     <h1>This is a heading</h1>     <p>第一行</p>     <p>第二行</p> </body>  </html>

 

参考资料:《菜鸟教程》

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » 【代码笔记】Web-CSS-CSS伪元素
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏