首页 > 分享 > 正文

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个技巧
下一篇:最后一页

分享到: 收藏
这里空拉拉的一点都不好看,我加个这个盒子可能会好看些,只是可能啊!我觉得......
看了下还是不好看,那再加一个......
看了下还是不好看,以后在这价格留言功能什么的可能会好些......