- 1、用dom元素遮挡，想挡几个挡几个，这个就不说了。 2、用css3渐变背景： direction：用角度值指定渐变的方向（或角度）。 color-stop1, color-stop2,...：用于指定渐变的起止颜色。 遮挡一个角 遮挡 ...

同理一个菱形是 ...

圆角边框 一、border-radius属性简介 为元素添加圆角边框，可以对元素的四个角进行圆角设置（属性不具有继承性） 二、border-radius定义方法 border-radius属性有两种定义方法：border-radius可以一次性对四个角设置相同的值(简写属性)，也可对 ...

本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 （弧形切角矩形） 代码： 这个前面的切角矩形一样，都用的css3的渐变，不过就是变成了径向渐变而已。 1、建立一个矩形 2、径向渐变 ...

结合实际情况自己写的： 摘要：网上有很多html+css制作带三角的矩形的方法,我在这里列举其中一种,兼容bootstrap3。我们先来看一个三角在左边的对话框的效果图矩形就不必说了,矩形的border-radius也不用说了,圆角可以自己设置,可以直接 ...

html css acss的也可以这样写 如图效果 ...

效果如下： ...

效果如图： ...