CSS中30个边框怎么弄 |css中的渲染是什么

/* 实线边框 */
border: 1px solid black;
/* 虚线边框 */
border: 1px dashed black;
/* 点状边框 */
border: 1px dotted black;
/* 双线边框 */
border: 3px double black;
/* 去掉边框 */
border: none;
/* 圆形边框 */
border-radius: 50%;
/* 边框阴影 */
box-shadow: 5px 5px 5px #888;

除此之外，还有一些比较特别的边框样式，下面大家来一一介绍。

1. 倾斜边框

/* 左上到右下的红色直线 */
border: 10px solid;
border-color: red transparent transparent red;

2. 左右不对称的三角形边框

border: 50px solid;
border-color: red black black black;
border-width: 50px 25px 25px 25px;

3. 斜杠边框

/* 右向下的斜杠 */
border: 20px solid;
border-color: transparent transparent white white;
border-width: 0px 0px 20px 20px;

4. 弯曲边框

border-radius: 50%/100% 100% 0 0;
transform: skew(-20deg);

5. 内圆外方的边框

border: 10px solid;
border-color: red black black red;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;

总之，CSS中的边框样式非常丰富，可以根据需要选择合适的样式来美化页面。