<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS实现极细边框的原理</title>
<style type="text/css">
#line1 {border-top: 1px solid red;}
#line2 {border-top: 1px solid red;
transform: scaleY(0.5);
}
</style>
</head>
<body>
<h3>正常粗细</h3>
<div id="line1"></div>
<h3>极细边框。使用transform: scaleY(0.5)实现横向细边框,transform: scaleX(0.5)实现纵向细边框</h3>
<div id="line2"></div>
</body>
</html>
CSS实现极细边框的原理
最新推荐文章于 2024-07-10 16:05:14 发布