CSS怎么寫一個盒子

在CSS中，我們可以使用多種方法來創(chuàng)建一個盒子，這個盒子可以是一個包含內(nèi)容的容器，也可以是一個裝飾性的元素，下面是一些創(chuàng)建盒子的方法：

1、使用div元素：

```html

<div style="width: 200px; height: 100px; border: 1px solid black;"></div>

```

這個div元素會創(chuàng)建一個寬度為200像素、高度為100像素的盒子，并給它加上一個黑色的邊框。

2、使用CSS的box-shadow屬性：

```html

<div style="width: 200px; height: 100px; box-shadow: 10px 10px 5px gray;"></div>

```

這個div元素會創(chuàng)建一個帶有灰色陰影的盒子，陰影偏移10像素，模糊半徑為5像素。

3、使用CSS的border-radius屬性：

```html

<div style="width: 200px; height: 100px; border: 1px solid black; border-radius: 10px;"></div>

```

這個div元素會創(chuàng)建一個帶有圓角邊框的盒子，邊框半徑為10像素。

4、使用CSS的background屬性：

```html

<div style="width: 200px; height: 100px; background: url('image.jpg') no-repeat center center;"></div>

```

這個div元素會創(chuàng)建一個帶有背景圖片的盒子，圖片不重復(fù)，且圖片位置居中。