CSS的文本字型顏色如何設定

來源:互聯網
上載者:User
這裡要介紹的是網頁設定顏色包含有哪些;網頁顏色規定規範。

1、常用顏色地方包含:字型顏色、超連結顏色、網頁背景顏色、邊框顏色

2、顏色規範與顏色規定:網頁使用RGB模式顏色

網頁中顏色的運用是網頁必不可少的一個元素。使用顏色目的在於有區別、有動感(特別是超連結中運用)、美觀之用,同時顏色也是各種各樣網頁的樣式表現元素之一,瞭解CSS 字型顏色。

傳統的html顏色與w3c標準下的css顏色對比和DIV CSS運用顏色

CSS color顏色文法:

color:#000000;

Css樣式中color後直接加RGB顏色值(#FFFFFF 、#000000 、#F00)

RGB顏色值在實際布局時候確定,可以使用Photoshop(簡稱PS)拾取工具進行擷取獲得。

在DIV標籤內使用color顏色樣式

<div style="color:#F00">div</div>

在CSS選取器中使用color顏色樣式CSS代碼:

.div{color:#00F}

/* 設定對象div內文字為藍色 */

DIV+CSS顏色樣式完整案例:

Css代碼:

.div{color:#00F} /* 設定對象div內文字為藍色 */

以上使用標籤內使用color顏色樣式和css代碼使用color顏色樣式。

文字顏色控制一樣

傳統html和css 文字顏色相同使用“color:”+“RGB顏色取值”即可,如顏色為黑色字即對應設定CSS屬性選取器內添加“color:#000;”即可。

網頁背景顏色設定區別

傳統設定背景顏色使用“bgcolor=顏色取值”,而CSS中則“background:”+顏色取值。例如:設定背景為黑色,傳統Html設定,即在標籤內加入“bgcolor="#000"”即可實現顏色為黑色背景,如果在W3C中即在對應CSS選取器中始終“background:#000”實現。

設定邊框顏色區別

傳統“bordercolor=取值”,CSS中“border-color:”+顏色取值。例如:在傳統html直接在table標籤加入“bordercolor="#000"”即可,在現在CSS中設定“border-color:#000;”即可讓邊框顏色為黑色,同時記得對包括設定寬度和樣式(虛線、實現)。

16個關鍵字是採取從Windows的VGA調色盤: 水色 , 黑色 , 藍色 , 紫紅色 , 灰 , 綠 , 灰 , 褐紅色 ,藏青色, 橄欖色 , 紫色 , 紅色 , 銀色 , 青色 , 白色 , 黃色 。

RGB顏色給出了四種方法之一

1、#rrggbb( 如 ,#00cc00) (強烈推薦使用此表示顏色取值)

2、#的RGB( 如 ,#0c0)

3、RGB(十中,x,x)的x是一個包容性的0和255之間的整數( 如 的RGB(0,204,0))

4、RGB(Ÿ%,Ÿ%,Ÿ%),其中 y是一個包容性的數量介於0.0和100.0( 如 的RGB(0%,80%,0%))

使用css樣式設定對象內容color顏色樣式,我們可以使用命名CSS類對象設定其顏色樣式,還有直接在html標籤內設定color樣式。以上我們也詳細介紹和實踐這2種對文字內容設定顏色方法。


相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

Css3中的transform 漸層屬性怎麼使用

用CSS3最佳化HTML5表單的步奏

CSS3關於translate屬性的詳細介紹

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.