快捷搜索:  朋友圈  虎牙  响应式  as  次数  伪静态  浏览数  www.ymwears.cn

CSS 制作平行四边形

css做了个平行四边形!!!!!


HTML:
<div class="menu">
     <ul>
     <li><a href="/">网站首页</a></li>
     <li><a href="/news/">行业资讯</a></li>
</ul>
</div>

CSS:

.menu li:before{
            content: '';
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            transform: skewX(-45deg);
            z-index: -1;
            background:#5a5a5a;
            width:109px; 
            line-height: 40px;
        }
 

您可能还会对下面的文章感兴趣: