css的对号错号，也就是勾和叉
生活随笔
收集整理的這篇文章主要介紹了
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">
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>
17 <a href=""></a>
18 <b></b>
19 </div>
20 </body>
21 </html>
上面是代碼，下面是運行自后的截圖
總結
以上是生活随笔為你收集整理的css的对号错号，也就是勾和叉的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IBM Appscan基本操作手册
- 下一篇： Vue调试工具安装（vue devtoo