你的分享就是我们的动力 ---﹥

css3 画叉号

时间:2011-08-03 16:07来源:www.chengxuyuans.com 点击:

叉号(x)的纯css3画法:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>css3画 叉 号</title>
  6. <style>
  7. b {display:inline-block; width:12px; height:2px; background:#f00; font-size:0; line-height:0;vertical-align:middle;-webkit-transform: rotate(45deg);}
  8. b:after { content:'.'; display:block; width:12px; height:2px; background:#f00;-webkit-transform: rotate(-90deg);}
  9. </style>
  10. </head>
  11. <body>
  12. <b></b>
  13. </body>
  14. </html>
Tags:

本文地址http://www.chengxuyuans.com/web_technology/3379.html