在 CSS 中，figure 標(biāo)簽用于定義具有獨立結(jié)構(gòu)的文檔元素，例如表格、圖像、表單、流程圖等。使用figure 標(biāo)簽可以使代碼更加簡潔和易于閱讀。

figure 標(biāo)簽支持以下語法：

figure {

margin: 10px;

width: 300px;

height: 200px;

border: 1px solid #ccc;

其中，margin 屬性用于定義文檔元素周圍的邊距，width 和 height 屬性用于定義文檔元素的大小，border 屬性用于定義文檔元素周圍的邊框。

例如，以下代碼定義了一個帶有垂直邊框的表格，如下所示：

figure {

margin: 10px;

width: 300px;

height: 200px;

border: 1px solid #ccc;

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 10px;

在這個例子中，figure 標(biāo)簽定義了一個寬度為 300 像素、高度為 200 像素的文檔元素，并設(shè)置了一個垂直邊框。此外，標(biāo)簽還定義了兩個表格單元格的邊框，以及表頭和單元格的填充。

使用figure 標(biāo)簽可以使代碼更加簡潔和易于閱讀。例如，下面這個例子將一個帶有背景圖片的表單添加到了頁面中：

<figure>

<h1>Hello, World!</h1>

</figure>

在這個例子中，使用figure 標(biāo)簽將一個圖片作為表單的背景，并定義了一個具有標(biāo)題的文檔元素。由于文檔元素具有獨立的結(jié)構(gòu)，因此代碼更加清晰和易于維護。

需要注意的是，figure 標(biāo)簽?zāi)J情況下會包含文檔元素的所有邊框，如果不需要所有的邊框，可以通過border: none; 屬性來禁用所有邊框。例如：

figure {

margin: 10px;

width: 300px;

height: 200px;

border: 1px solid #ccc;

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 10px;

table thead th {

border-bottom: 1px solid #ddd;

table td {

border-top: 1px solid #ddd;

在這個例子中，使用border: none; 屬性禁用了文檔元素的下邊框和上邊框，并定義了表格單元格的默認邊框。

總的來說，figure 標(biāo)簽是 CSS 中非常重要的標(biāo)簽之一，它可以使代碼更加簡潔和易于閱讀，并且可以定義具有獨立結(jié)構(gòu)的文檔元素。