在設(shè)置顏色時(shí)有多種方法:
成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)高州,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792
采用顏色的英文單詞 比如 red 指紅色
采用#號(hào),后面跟6位的16進(jìn)制數(shù)字,比如:#ff0000 表示紅色?每個(gè)數(shù)字的取值為0~9,a~f(a表示10,f表示15)。當(dāng)?shù)?~2位、第3~4位、第5~6位的數(shù)字分別相同時(shí),可以縮寫為3位,如?#ff0000可以縮寫為 #f00, #3399ff可以縮寫為#39f。對(duì)于#3699ff此類不滿足條件的顏色值則不能縮寫
采用rgb數(shù)值表示法,比如 rgb(255, 0, 0); 表示紅色,三個(gè)數(shù)字分別表示紅、綠、藍(lán),取值范圍為0~255
采用rgba數(shù)值表示法,比如rgba(255, 0, 0, 0.5); 表示50%透明度的紅色,最后一個(gè)數(shù)字表示透明度,取值為0~1之間的小數(shù),0表示全透明,1表示不透明。
html5不用font為字體設(shè)置顏色的方法:
1、定義要設(shè)置的文字范圍,并用span標(biāo)簽包圍
2、編寫span的class,定義color屬性。
html代碼如下:
p這是一個(gè)測(cè)試 span class="redText"顏色/span 的例子/p
css編寫如下:
.redText
{
color: red;
}
運(yùn)行效果:
字體顏色在網(wǎng)頁(yè)設(shè)計(jì)中是最常見的功能之一,復(fù)雜的頁(yè)面每個(gè)頁(yè)面都會(huì)有多種字體顏色。html設(shè)置字體顏色的方式,有如下幾種。
1、首先在桌面新建一個(gè)文件夾,然后新建兩個(gè)text文件;分別將text文件重命名為index.html和css.css。
2、用記事本打開index.html文件,輸入以下代碼。
3、用瀏覽器打開瀏覽效果。
4、編輯index.html,在p標(biāo)簽內(nèi)輸入以下代碼;font color="#008252"字體顏色的不同設(shè)置方法/font。
5、瀏覽器瀏覽效果,這樣就完成了。
通過css控制
text-indent:20px; ? ? ? ? ? 表示縮進(jìn)20像素
padding:20px; ? ? ? ? ? ? 表示內(nèi)距20像素,可以拆分成padding-left,padding-right,padding-top,padding-bottom,分別對(duì)四個(gè)方向控制,基于他的parent元素
margin:20px;????????????????表示外距20像素。跟padding類似,不過跟padding不同的padding會(huì)導(dǎo)致塊被撐大,而margin會(huì)導(dǎo)致塊偏移
position:absolute;left:10px;top:10px; ? ? ? ? 采用決定定位,基于父級(jí)以上(使用了定位方有效)絕對(duì)定位,left和top為偏移,同樣還有right,bottom做四個(gè)方向的偏移控制
float:right; ? ? ? ? ? ?塊浮動(dòng),可選left,right。這個(gè)屬性會(huì)將元素從同級(jí)元素的占位中浮起來(lái),不占位,并基于父元素做漂浮到左邊或右邊,不占位,跟普通元素會(huì)重疊,但是跟同樣帶float的可以有體積碰撞行成排列對(duì)齊的作用。
color:red; ? ? ? ? ? 表示字體是紅色。屬性可以以常見的顏色單詞,常用的采用RGB色值表示,比如#FFFFFF表示白色
可以用css改變字體的大小和顏色。
1、新建html文件,在body標(biāo)簽中添加文字,這里以p標(biāo)簽內(nèi)容為“演示文本”為例,這時(shí)網(wǎng)頁(yè)將會(huì)顯示字體默認(rèn)大小和顏色:
2、在head標(biāo)簽中添加style標(biāo)簽給頁(yè)面設(shè)置css樣式,選擇p標(biāo)簽,字體大小用的是“font-size”屬性,屬性值為字體大小,這里以“30px”為例,這時(shí)“演示文本”字體將會(huì)變大:
3、選擇p標(biāo)簽,字體顏色用的是“color”屬性,屬性值為顏色,這里以紅色“red”為例,這時(shí)“演示文本”字體將會(huì)變成紅色: