Dreamweaver設計網頁很簡單，今天我們就來看看利用CSS來繪製圓形徑向漸變的方法，可以透過【 radial-gradient】來實現，下面分享五種方法，請看下文詳細介紹。
第一種：基礎簡單漸變
1、我們先建立個網頁，並寫入<div></div>標籤，並引入CSS樣式。
2、定義IDV的寬和高，然後利用背景漸變來實現漸變【width: 400px; height: 400px;background: radial-gradient(yellow, red);】。
第二種：簡單的圓形漸變
透過如下程式碼也可以實現，幾乎和第一種一樣。
【width: 400px; height: 400px;background: radial-gradient(circle, yellow, red);】
第三種：指定圓形漸變的起始位置
1、可以透過如下程式碼實現。
【 width: 400px; height: 400px;background: radial-gradient(circle at 50px 50px, yellow, red);】
2、指定起始位置也可以使用百分比來實現起始位置。
width: 400px; height: 400px;
background: radial-gradient(circle at 12.5% 25%, yellow, red);
第四種：指定終止點位置
width: 400px; height: 400px;
background: radial-gradient(closest-side circle at 50px 50px, yellow, red);
第五種：指定漸變顏色斷點
1、為了方便經驗的朋友們觀察，加了個邊框可以看出效果。
width: 400px; height: 400px;
border: 1px solid silver;
background: radial-gradient(closest-side circle, yellow, orange, red, white);
以上就是Dreamweaver圓形漸變色的製作方法，希望大家喜歡，