首页 > 技术 > 正文

CSS 制作平行四边形
2018-11-26 14:43:40   来源:灰灰   评论:0 点击:

css做了个平行四边形!!!!!HTML:<div class="menu"> <ul> <li><a href=" ">网站首页< a>< li> <li><a href=" news "
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;
        }
 

相关热词搜索:CSS 平行四边形

上一篇:百度优化过程中的7个技巧
下一篇:怎样解除phpcms v9中附件大小限制2M的办法!

分享到: 收藏
下面的评论可以用QQ或者微信微博等账号快速登录喔!灰灰等待您的评论......
看了下还是不好看,那再加一个......
看了下还是不好看,以后在这价格留言功能什么的可能会好些......