CSS 实现十字架代码

本文转载自查看原文 2017-09-05 15:55 1355

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            div {
                margin:100px auto;
                width: 0;
                height: 0;
                position: relative;
            }
            div:before,div:after {
                content: "";
                position: absolute;
                background: red;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
            div:before {
                width: 100px;
                height: 20px;
            }
            div:after {
                width: 20px;
                height: 100px;
            }
        </style>
    </head>
    <body>
        
        <div></div>
        
    </body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 鼠标箭头变为十字架《虚无的十字架》—— 读后总结 eclipse里让鼠标变成十字架能框选代码的快捷键是啥？ ubuntu---鼠标变成空心十字架使用eclipse或者myeclipse时，鼠标变成黑色十字架解决办法 28、把鼠标放在Excel的单元格中，单元格右下角十字架不能往下拖动十字链表实现稀疏矩阵相加【代码】建立十字链表【代码】稀疏矩阵的十字链表存储表示和实现 [game]十字链表的AOI算法实现