在網頁開發中，CSS樣式是非常重要的一部分。特別是在設計網站布局時，CSS樣式可以讓頁面看起來更加美觀。在使用CSS樣式時，我們一般會將樣式定義在CSS文件中，然后通過鏈接引入到HTML文件中。不過，在有些情況下，我們也需要直接將CSS樣式寫在HTML文件中。接下來，我們就來介紹一下如何在body的文章中使用CSS樣式。
首先，我們需要在HTML文件的頭部添加一個style標簽。該標簽用于定義頁面的樣式，我們可以將樣式直接寫在該標簽中，也可以通過引用CSS文件的方式來設置樣式。例如：
首先，我們需要在HTML文件的頭部添加一個style標簽。該標簽用于定義頁面的樣式，我們可以將樣式直接寫在該標簽中，也可以通過引用CSS文件的方式來設置樣式。例如：
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用CSS樣式</title>
<style type="text/css">
/* CSS樣式 */
body {
font-family: Arial, sans-serif;
font-size: 14px;
}
p {
margin: 10px 0;
line-height: 1.5;
}
pre {
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
overflow-x: auto;
}
</style>
</head>
<body>
<!-- 正文內容 -->
<h1>使用CSS樣式</h1>
<p>在網頁開發中，CSS樣式是非常重要的一部分。特別是在設計網站布局時，CSS樣式可以讓頁面看起來更加美觀。</p>
<pre>
/* CSS樣式 */
body {
font-family: Arial, sans-serif;
font-size: 14px;
}
p {
margin: 10px 0;
line-height: 1.5;
}
pre {
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #ccc;
overflow-x: auto;
}