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;}
設定樣式後呈現效果:
今天天氣真好!