CSS3效果：大于号的代码写法

最新推荐文章于 2022-04-14 11:44:11 发布

weixin_30477797

最新推荐文章于 2022-04-14 11:44:11 发布

阅读量872

点赞数

原文链接：http://www.cnblogs.com/qiancheng123/p/6346767.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding:0;
            margin:0;
        }
        .arrow1 {
            /*position: relative;*/
            margin: 50px auto;
            width: 100px;
            height: 100px;
            border: 20px solid red;
            border-left: none;
            border-bottom: none;
            transform: rotate(45deg);
        }
        /*.arrow2{
            transform:  translate(-60px,-9px);
            position: absolute;
        }*/
    </style>
</head>
<body>
<!--去掉所有注释内容，显示为：右侧书名号，即“》”-->
<div class="arrow1">
    <!--<div class="arrow1 arrow2">
    </div>-->
</div>
</body>
</html>

转载于:https://www.cnblogs.com/qiancheng123/p/6346767.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30477797

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS3效果：大于号的代码写法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding:0; margin:0; ...
复制链接

扫一扫