有時候我們需要使用CSS來畫一些比較特殊的圖形,今天我們就來學習如何使用CSS畫一個開口向上的曲線。這個曲線看起來非常漂亮,可以用來裝飾你的網站頭部或者其他地方。
.curve { width: 200px; height: 200px; border-radius: 100px 100px 0 0; background-color: #d4af50; }
首先,我們需要創建一個div,然后給它一個寬度和高度,這里我們設置為200px。接下來,我們使用border-radius屬性來創建曲線的形狀。將左上角和右上角的值設置為100px,這將使得這兩個角變為一個圓形。同時,將左下角和右下角的值設置為0,這樣下面就不會有弧度了。
最后,我們需要給這個div一個背景顏色。這里我們使用了#d4af50,你可以根據自己的需求來更改顏色。這時候我們就畫好了一個漂亮的開口向上的曲線了。
上一篇mysql 隔行
下一篇div css 翻轉效果