HTML5是一種用于創建Web頁面和應用程序的標準化語言，支持豐富的效果和交互功能。其中，漸變是一種非常常用的效果。下面介紹如何使用HTML5設置中心漸變。

<style>
#bgGradient {
background: -webkit-radial-gradient(center, ellipse cover, #1E90FF 0%, #00BFFF 100%);
/*Safari 5.1 - 6, Chrome 10 - 21*/
background: -o-radial-gradient(center, ellipse cover, #1E90FF 0%, #00BFFF 100%);
/*Opera 12.1 above*/
background: -moz-radial-gradient(center, ellipse cover, #1E90FF 0%, #00BFFF 100%);
/*Firefox 3.6 - 15*/
background: radial-gradient(ellipse at center, #1E90FF 0%, #00BFFF 100%);
/*標準語法*/
}
</style>
<div id="bgGradient">
<h1>中心漸變演示</h1>
</div>

我們可以使用CSS實現漸變效果，其中radial-gradient()函數可以用來創建徑向漸變。以下是一些屬性說明：

• center：設置漸變中心的位置，這里設置為中心點
• ellipse：設置漸變區域的形狀，這里設置為橢圓形
• cover：設置背景大小，這里設置為覆蓋整個元素
• #1E90FF、#00BFFF：設置漸變的顏色

在代碼中，我們先在<style>標簽中定義了一個#bgGradient的CSS選擇器，然后在其中使用radial-gradient()函數生成了一個中心漸變的背景。最后，在<div>標簽中使用這個選擇器，演示中心漸變的效果。

這是一種基本的設置中心漸變的方法，可以根據實際需要進行調整。為了讓頁面效果更加優美，我們可以使用多個顏色和設置梯度、透明度等，從而實現更多種類的漸變效果。希望這篇文章能夠幫助您學習HTML5的漸變功能，為Web頁面和應用程序增添更多魅力。