CSS橫排的分類框的制作

CSS是一種用于網頁設計的樣式表語言，可以用來控制網頁中的各種元素，如文本、圖片、邊框、樣式等。分類框是一種常見的網頁元素，可以用來展示各種分類信息，如商品目錄、新聞列表等。下面將介紹一種用CSS制作橫排分類框的方法。

首先，我們需要在HTML中添加一個分類框的類，例如：

```html

<div class="box">

<h2>分類框標題</h2>

<p>這里是分類信息的文字內容。</p>

</div>

然后，我們可以使用CSS來定義分類框的樣式，如下所示：

```css

.box {

width: 300px;

margin: 0 auto;

background-color: #fff;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

border-radius: 5px;

padding: 10px;

text-align: center;

font-size: 16px;

font-size: 24px;

margin-bottom: 20px;

font-size: 14px;

line-height: 1.5;

上述樣式定義了分類框的基本樣式，包括寬度、邊框樣式、陰影、圓角、文本居中、字體大小和行距等。我們還為標題添加了一個斜體，并設置了bottommargin使標題更加垂直。最后，我們還為文本添加了一個行距，使文本更加容易閱讀。

最后，我們可以將上述樣式應用到HTML文件中，并在瀏覽器中查看效果。例如，在瀏覽器地址欄中輸入以下代碼，即可查看分類框的效果：

```html

<div class="box">

<h2>分類框標題</h2>

<p>這里是分類信息的文字內容。</p>

</div>

在瀏覽器中打開該網頁，即可看到橫排的分類框。