<分区>
html - 带有CSS的倾斜边框？
仅使用 CSS 就可以实现这样的菜单吗？
像这样:http://jsfiddle.net/wmgmqrr9/但有倾斜的边界
<ul>
<li class="active">home</li>
<li>about</li>
<li>contact</li>
</ul>
最佳答案
是的，你可以做这样的事情，使用 CSS3 转换:
http://jsfiddle.net/gobuctmn/5/
li {
float: left;
list-style-type: none;
padding: 5px;
border: 1px solid;
display: inline-block;
transform:skewX(10deg));
-webkit-transform: skewX(10deg);
-moz-transform: skewX(10deg);
-ms-transform: skewX(10deg);
-o-transform: skewX(10deg);
}
关于html - 带有CSS的倾斜边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27845744/