css3 打勾 打叉
2016-07-26 18:01
337 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style> a.gou{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a.gou:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);} a.cha{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a.cha:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);} </style> <body> <a class="gou"></a> <a class="cha"></a> </body> </html>
相关文章推荐
- html css零散知识总结
- css重置
- 关于CSS书写的那些事
- 个人简介 - HTML/CSS简单页面实例
- css 常用样式
- django 关于 DEBUG = False 影响 admin样式
- css3制作正方体
- 更改浏览器滚动条样式(火狐改不了)
- CSS实现左侧固定宽度右侧自适应的固比布局
- CSS3模拟IOS滑动开关
- CSS3模拟IOS滑动开关
- CSS3之transition和animation动画
- display 用法
- CSS中margin和padding的区别
- css--table表格
- CSS3之变形transform
- Emmet:HTML/CSS代码快速编写神器
- js样式
- CSS盒子模型
- CSS定位