html中的字體顏色怎麼修改-html教學-PHP中文網

首頁

web前端

html教學

html中的字體顏色怎麼修改

php中世界最好的语言

Nov 20, 2017 pm 02:04 PM

html怎麼顏色

很多朋友都很苦惱，怎麼在HTML中修改字體顏色？怎麼設定字體顏色呢？那我們今天要來跟大家介紹在html中字體顏色修改方法，字體的顏色需要怎麼取得。

首先我們要知道 html font字體顏色設定

在HTML中我們使用font標籤即可對字體內容設定顏色。

1、font語法：

我是紅色字體

首先font是一對常規標籤，將字體文字內容放入標籤內，font標籤內設定color顏色+對應顏色值即可設定font標籤物件內字體顏色。

html字體顏色實例完整程式碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>font字体颜色在线实例 DIVCSS5</title> 
</head> 
<body> 
<font color="#FF0000">我是红色字体</font> 
<table width="300" border="1"> 
<tr> 
<td><font color="#0000FF">你好</font></td> 
<td>DIVCSS5</td> 
</tr> 
</table> 
</body> 
</html>

而這一種方法如果要改變字體顏色,只需要將顏色值更改即可。

html div css字體顏色設定

那麼總結一下，想要在html中透過css樣式設定字體顏色，方法有兩種，一種是標籤內CSS、一種是外部CSS。

使用外部CSS，可以將CSS程式碼單獨放到CSS檔案裡使用html link引入CSS(html引人css)，也可以在html使用

這裡實作兩種方法來實作HTML字體顏色設置，一種標籤內使用css，另一種使用style標籤實作字體顏色設定。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>css实现字体颜色 在线演示 DIVCSS5</title> 
<style> 
.divcss5{color:#F00} 
</style> 
<!-- html注释说明：使用style标签设置字体颜色 --> 
</head> 
<body> 
<div class="divcss5">我字体是红色</div> 
<div style="color:#00F">我字体是蓝色</div> 
<!-- div标签内使用style属性设置字体颜色 --> 
</body> 
</html>

分別使用

html超連結A字體顏色設定

對html中錨文本字體設定顏色，有兩種情況，一種是對html全部a超連結內字體設定統一的字體顏色，另外一種是對指定物件內的錨文本超連結字體設定單獨顏色。

透過實例為大家介紹html中超連結錨文本字體顏色統一設定與單獨設定。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html超链接字体颜色设置 在线演示 DIVCSS5</title> 
<style> 
a{ color:#00F} 
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ 
.div a{ color:#090} 
.div a:hover{ color:#090} 
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */ 
</style> 
</head> 
<body> 
<p>测试内容我是统一设置的颜色蓝色<a href="http://www.divcss5.com">DIVCSS5</a></p> 
<div class="div">我在div对象内，超链接颜色为<a href="#">我是超链接绿色</a></div> 
</body> 
</html>

超連結為藍色的字體是html統一設定的，而綠色的為單獨設定的超連結字體顏色。

如何取得HTML所需的準確字體顏色

要取得準確的顏色值，一般使用Photoshop（ps）軟體取得。以下DIVCSS5教大家使用PS取得某處字體顏色值，透過取得字體值彈性應用程式取得某處背景或圖片或邊框顏色值。

假如我們要取得以上圖片「CSS」藍色特定color值

1、PS打開這張圖片

ps開啟這張要取得色彩圖片

ps開啟這張圖片

#2、使用點擊PS工具的「選擇前景色」或「選擇背景色」工具

這裡我們點選紅色框的「前景色」工具

3、彈出「選擇前景色”選項卡

操作第二步後，就會彈出“選擇前景色”選項卡同時，滑鼠指標就會變成吸管一樣的圖示“拾色器”，這個時候去點擊需要取得顏色值地方，如果圖片小不容易準確點擊，這個使用可以放大圖片“ctrl+++”即可不斷放大圖片。

取得準確顏色值「0000FF」