利用after和before伪类实现chrome浏览器tab选项卡斜边纯css无图制作笔记

最新推荐文章于 2024-08-01 14:54:21 发布

清，纯一色

最新推荐文章于 2024-08-01 14:54:21 发布

阅读量656

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/week-1/p/7149036.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{width: 100px;height: 40px;background: red;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 -50px;}

a:before,
a:after{
content: "";
border-top: 42px solid transparent;
position: absolute;
top: -2px;
}
a:before{
border-right: 15px solid red;
left: -15px;
}
a:after{
border-left: 15px solid red;
right: -15px;
}
</style>
</head>
<body>
<a href="javascript;;"></a>
</body>
</html>