摘要： 在網頁設計中，圓角矩形填充是非常重要的一部分。它可以使你的頁面看起來更加美觀和專業。在這篇文章中，我們將分享一些HTML圓角矩形填充技巧，幫助你輕松打造漂亮的網頁。

1. 使用border-radius屬性

在HTML中，使用border-radius屬性可以輕松地創建圓角矩形。這個屬性接受一個值，表示圓角的半徑。如果你想要一個四個角都是圓角的矩形，可以使用以下代碼：

div {

border-radius: 10px;

如果你只想讓左上角和右下角是圓角，可以使用以下代碼：

div {

border-top-left-radius: 10px;-right-radius: 10px;

2. 使用box-shadow屬性

除了圓角矩形，陰影也可以使你的頁面看起來更加美觀。使用box-shadow屬性可以輕松地創建陰影。這個屬性接受多個值，包括水平偏移量、垂直偏移量、模糊半徑和顏色。如果你想要一個有陰影的圓角矩形，可以使用以下代碼：

div {

border-radius: 10px;

box-shadow: 5px 5px 5px #888888;

這段代碼將創建一個半徑為10像素、有5像素水平偏移量、5像素垂直偏移量、5像素模糊半徑和#888888顏色的圓角矩形。

eart屬性

eart屬性可以創建漸變背景。這個屬性接受多個值，包括方向、顏色和位置。如果你想要一個從上到下的漸變背景，可以使用以下代碼：

div {deart, #ffffff, #888888);

這段代碼將創建一個從#ffffff到#888888的漸變背景。

以上是幾個HTML圓角矩形填充技巧，它們可以幫助你打造漂亮的網頁。當然，這只是冰山一角，還有很多其他的技巧可以使用。希望這篇文章能夠給你帶來幫助，讓你的頁面看起來更加美觀和專業。