網頁設計是一種通過使用各種設計元素來創建網頁的方法。在網頁設計中，CSS樣式是非常重要的一部分，它可以控制網頁的排版、布局和外觀。本文將介紹CSS的三種基本樣式：輪廓、字體和顏色。

1. 輪廓樣式

輪廓樣式是CSS中最基本的樣式之一，它使用邊框和內邊距來定義網頁的輪廓。使用輪廓樣式可以使網頁更加清晰和易于閱讀。

例如，以下是一個使用輪廓樣式的示例：

body {

background-color: #F0F0F0;

border-bottom: 1px solid #ccc;

在這個示例中，`body`元素的背景顏色是深灰色，并且邊框和內邊距都是1像素。

2. 字體樣式

字體樣式使用字體名稱和粗細、大小、顏色等屬性來控制網頁中文字的外觀。使用字體樣式可以使網頁的內容更加清晰和易于閱讀。

例如，以下是一個使用字體樣式的示例：

font-family: "Arial", sans-serif;

font-size: 24px;

font-weight: bold;

color: #333;

在這個示例中，`h1`元素使用“Arial”字體，字號為24px，粗體，顏色為紅色。

3. 顏色樣式

顏色樣式使用顏色名稱和值來控制網頁中文字和元素的顯示效果。使用顏色樣式可以使網頁更加絢麗多彩。

例如，以下是一個使用顏色樣式的示例：

color: #FF0000;

在這個示例中，`a`元素的顏色是深紅色。

CSS樣式是一種非常強大的工具，它可以控制網頁的排版、布局和外觀。通過使用不同的樣式，可以創建出豐富多彩的網頁。