把CSS加入HTML可以使網頁更加美觀和易于維護。以下是一些將CSS加入HTML的步驟:
1. 創建HTML文件并添加CSS樣式表
在HTML文件中,將CSS樣式表添加到<head>標簽中。
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
3. 編寫HTML代碼
在HTML代碼中,使用CSS樣式表來創建所需的樣式。
例如,創建一個帶有背景顏色的按鈕:
```html
<button class="my-button">點擊我</button>
```css
.my-button {
background-color: #f00;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
在上面的代碼中,使用CSS樣式表創建了一個名為“my-button”的按鈕,并添加了背景顏色、顏色、padding、border和cursor屬性。
4. 保存HTML文件
完成編輯后,將HTML和CSS文件保存并保存為.html和.css文件,以便將來進行維護。
將CSS加入HTML可以使網頁更加美觀和易于維護。通過使用CSS樣式表,可以創建各種樣式,包括按鈕、表單、導航欄等,使網頁更加現代化和個性化。
上一篇css動畫+文字逐漸消失
下一篇css網頁按鈕元素