本文详细介绍了如何使用CSS创建斜边框，包括三角形的形成原理和自适应斜边框的实现方法，通过结合长方形和三角形来创建斜边效果。文章还提供了示例代码和实际效果图，帮助读者掌握这一技巧。
首先，你需要把这个 Html 代码放到一个 .html 文件里面运行一下嗷～
其次呢，Dot 类是一个三角形，关于三角形如何形成的，这里有一些细节知识，
你可以参考这个博客嗷：https://www.jianshu.com/p/9a463d50e441
然后呢，Dot-son-of-a-bitch 类 ，是由一个长方形和一个三角形组成的，这样看来斜边框是不是很好做了呢？
如果你想做自适应的斜边框呢，就给长方形的长度动手术，我使用 width: calc(100% - 60px); 搞定了呢！！！
<html>
<head>
<title>by VcrTing</title>
</head>
<style>
.dot {
margin-left: 100px;
float: left;
width: 0;
height: 0;
border-width: 60px;
border-style: solid;
最低0.47元/天 解锁文章
扫一扫
1651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
