css的对号错号，也就是勾和叉

最新推荐文章于 2022-08-23 21:08:56 发布

weixin_30437337

最新推荐文章于 2022-08-23 21:08:56 发布

阅读量526

点赞数

原文链接：http://www.cnblogs.com/Sinhtml/p/10131398.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>勾和叉</title>
 8     <style type="text/css">
 9         a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
10         a:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}
11         b{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
12         b:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);}
13     </style>
14 </head>
15 <body>
16     <div style="padding:50px;">
17         <a href=""></a>
18         <b></b>
19     </div>
20 </body>
21 </html>

上面是代码，下面是运行自后的截图

转载于:https://www.cnblogs.com/Sinhtml/p/10131398.html

weixin_30437337

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的对号错号，也就是勾和叉

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
复制链接

扫一扫