CSS3 是一種用于網頁設計和排版的樣式語言,可以幫助設計師輕松地創建豐富的視覺效果,其中包括制作彩虹。
下面是使用 CSS3 制作彩虹的代碼:
/* 創建一個 Div 元素 */ <div class="rainbow"> /* 給元素添加彩虹的樣式 */ background: linear-gradient(to right, red, orange, yellow, green, blue, violet); /* 設置元素的寬度和高度 */ width: 100%; height: 50px; </div>
以上代碼中,我們使用了linear-gradient()
函數來創建彩虹。該函數需要兩個參數:方向和顏色。我們將方向設置為從左到右,并在參數中添加了紅、橙、黃、綠、藍和紫的顏色值。這個函數會自動生成漸變顏色。
我們還給創建的 Div 元素設置了寬度和高度。這是為了讓彩虹的顏色填滿整個元素。
最終,在瀏覽器中展示出來的結果如下圖所示:
上一篇css3 制作圓盤
下一篇css3 前三個li