• 基本網頁設計
  • 網頁製作軟體介紹
  • CSS套用方式
  • import_contacts CSS套用方式
    2128
適用範圍

CSS是網頁建置的核心,一起來看看如何做初步的設定吧!

實用性:
重要性:

CSS套用方式

如何使用CSS套用在html上呢?透過此文章來了解。

範例1:◆設定標籤CSS樣式

html h4設定字型大小與底色

HTML:

<body>

<h4>今天天氣真好!</h4>

</body>

設定樣式後呈現效果:

今天天氣真好!

◆建立css樣式表

打開dreamweaver→檔案→開新檔案→CSS→建立→另存名稱在同級資料夾(存在CSS資料夾)→此範例命名為style.css

在style.css裡面新增樣式為

CSS:
h4{font-size:20px; background-color:#F4EF0B; color:#000;}

範例2:新增標籤CSS樣式

新增Class命名在標籤上,設定CSS樣式


HTML:

<body>

<h4 class="fontstyle">今天天氣真好!</h4>

</body>


CSS:
h4.fontstyle{font-size:20px;
	background-color:#0bf4d1;
	color:#000;}

設定樣式後呈現效果:

今天天氣真好!