css 空心箭头

最新推荐文章于 2024-06-06 11:15:03 发布

zerofine

最新推荐文章于 2024-06-06 11:15:03 发布

阅读量1.4k

点赞数

分类专栏： css3 文章标签： css

本文链接：https://blog.csdn.net/zerofine/article/details/72758062

版权

css3 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*简单*/
            .wb_arrow{
                border-right: 2px solid #343c99;
                border-top: 2px solid #343c99;
                height: 10px;
                width: 10px;
                margin:50px auto 0;
                transform: rotate(deg);
                -webkit-transform: rotate(0deg);
                /*不加这两个属性三角会比上一个略丑, 大家可以试一下*/
                border-left: 2px solid transparent;
                border-bottom: 2px solid transparent;
            }
        </style>
    </head>
    <body>
        <div class="wb_arrow"></div>
    </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zerofine

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 空心箭头

html> head> meta charset="UTF-8"> title>title> style type="text/css"> /*简单*/ .wb_arrow{ border-right: 2px solid #343c99;
复制链接

扫一扫