如何用 CSS 設置文字
下面是一個示例,展示了如何使用 CSS 設置文本:
```html
<!DOCTYPE html>
<html>
<head>
<title>設置文本</title>
<style>
body {
font-family: Arial, sans-serif;
h1 {
font-size: 28px;
color: #f00;
</style>
</head>
<body>
<h1>第一標題</h1>
<p>這是文本內容。</p>
</body>
</html>
在上面的代碼中,我們使用了 `font-family` 屬性來設置字體,并使用 `font-size` 屬性和 `color` 屬性來設置字體大小和顏色。我們還使用了 `h1` 和 `p` 標簽來創建標題和段落元素,并設置了它們的字體樣式。
除了字體樣式,我們還可以使用 CSS 設置文本的格式、對齊方式、段落樣式等。通過使用 CSS,我們可以輕松地創建精美的網頁布局和樣式。
# 序號標題
除了使用 CSS 設置文本的外觀,我們還可以使用 CSS 創建序號標題。在 HTML 中,我們可以使用 `<h序號>` 和 `<p>` 標簽來創建序號標題。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>創建序號標題</title>
<style>
h1 {
font-size: 28px;
color: #f00;
font-weight: bold;
h2 {
font-size: 24px;
color: #f00;
font-weight: bold;
h3 {
font-size: 20px;
color: #f00;
font-weight: bold;
</style>
</head>
<body>
<h1>第一標題</h1>
<h2>第二標題</h2>
<h3>第三標題</h3>
</body>
</html>
在上面的代碼中,我們使用了 `<h序號>` 和 `<p>` 標簽來創建序號標題。`<h序號>` 標簽設置了標題的字體樣式,`<p>` 標簽設置了文本的字體樣式。
通過使用 CSS,我們可以輕松地創建序號標題,使它們在不同的網頁上具有不同的樣式和格式。