CSS 实现十字架代码

最新推荐文章于 2023-12-07 09:43:02 发布

weixin_34228662

最新推荐文章于 2023-12-07 09:43:02 发布

阅读量1.8k

点赞数

原文链接：http://www.cnblogs.com/xzma/p/7479042.html

版权

<!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>