- 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的也可以這樣寫 如圖效果 ...

效果如下： ...

效果如圖： ...