當前位置:首頁 » 網頁前端 » web紫色文本顏色
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web紫色文本顏色

發布時間: 2022-05-01 15:48:48

① web編程css中字體顏色的代碼如何設置

首先font是一對常規標簽,將字體文本內容放入標簽內,font標簽內設置color顏色+對應顏色值即可設置font標簽對象內字體顏色。

② 關於HTML中字體樣式和顏色設置

具體意義如下:

<html> //html標志

<body style="background-color:PowderBlue;"> 主體樣式 ——背景顏色

owderBlue<h1>Look! Styles and colors</h1> 標題默認H1<p style="font-family:verdana;color:red"> 段落樣式——字體:verdana;顏色:紅

This text is in Verdana and red</p> 段落內容<p style="font-family:times;color:green"> 段落樣式——字體:times;顏色:綠

This text is in Times and green</p> 段落內容<p style="font-size:30px">This text is 30 pixels high</p> 段落樣式——字體大小:30%</body> 主體結束

</html> HTML結束

拓展資料:

超文本標記語言,標准通用標記語言下的一個應用。 「超文本」就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。 超文本標記語言的結構包括「頭」部分(英語:Head)、和「主體」部分(英語:Body),其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。

HTML之所以稱為超文本標記語言,是因為文本中包含了所謂「超級鏈接」點------就是一種URL指針,通過激活(點擊)它,可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。

由此可見,網頁的本質就是HTML,通過結合使用其他的Web技術(如:腳本語言、CGI、組件等),可以創造出功能強大的網頁。因而,HTML是Web編程的基礎,也就是說萬維網是建立在超文本基礎之上的。

③ 紫色的CMYK值是什麼

紫色(Purple)CMYK數值為:C50 M85 Y0 K0

CMYK是彩色印刷時採用的一種套色模式,利用色料的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加。

C:Cyan =青色

M:Magenta =品紅色

Y:Yellow = 黃色

K:blacK=黑色

只要在屏幕上顯示的圖像,就是RGB模式表現的。只要是在印刷品上看到的圖像,就是CMYK模式表現的。比如期刊、雜志、報紙、宣傳畫等。

(3)web紫色文本顏色擴展閱讀

紫色是由溫暖的紅色和冷靜的藍色化合而成

在紫色色系中包含不同濃度的紫色,這些色值在CMYK中的表示為:

1.紫藤CMYK:C60 M65 Y0 K10

2.淡紫色CMYK:C60 M75 Y0 K0

3.丁香紫CMYK:C30 M40 Y0 K0

4.薰衣草紫CMYK:C40 M50 Y10 K0

5.紫羅蘭CMYK:C20 M30 Y10 K10

注意:以上這五項紫色並不代表正紫色Purple。

每種 CMYK 四色油墨可使用從 0 至 100% 的值。最亮顏色指定的印刷色油墨顏色百分比較低,而為較暗顏色指定的百分比較高。 例如,亮紅色可能包含 2% 青色、93% 洋紅、90% 黃色和 0% 黑色。在PS中,在准備用印刷顏色列印圖像時,應使用CMYK模式。

參考資料來源:網路-CMYK


④ web 中的綠色什麼顏色搭配好看

綠色可以搭配米白色,整體可以襯托出綠色的干凈。

也可以搭配白色,或是米色、黑色、暗紫色、灰褐色、灰棕色都很好看。

⑤ PS里12色相環各顏色的RGB標准值

紅色:255,0,0——web顏色值:#ff0000

2. 橙紅:255,51,0——web顏色值:#ff3300

3. 橙色:255,102,0——web顏色值:#ff6600

4. 橙黃:255,153,0——web顏色值:#ff9900

5. 黃色:255,255,0——web顏色值:#ffff00


6. 黃綠:153,255,0——web顏色值:#99ff00

7. 綠色:0,255,0——web顏色值:#00ff00

8. 藍綠:0,255,255——web顏色值:#00ffff


9. 藍色:0,0,255——web顏色值:#0000ff


10. 藍紫:102,0,255——web顏色值:#6600ff


11. 紫色:255,0,255——web顏色值:#ff00ff


12. 紫紅:255,0,102——web顏色值:ff0066

(5)web紫色文本顏色擴展閱讀

RGB色彩模式是工業界的一種顏色標准,是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道的顏色,這個標准幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色系統之一。

紅色是代表熱烈、沖動、強有力的色彩,它能使肌肉的機能和血液循環加快。由於紅色容易引起注意,所以在各種媒體中也被廣泛的利用,除了具有較佳的明視效果之外,更被用來傳達有活力,積極,熱誠,溫暖,前進等涵義的企業形象與精神,另外紅色也常用來作為警告,危險,禁止,防火等標示用色,人們在一些場合或物品上,看到紅色標示時,常不必仔細看內容,及能了解警告危險之意,在工業安全用色中,紅色即是警告,危險,禁止,防火的指定色。

橙色是歡快活潑的光輝色彩,是暖色系中最溫暖的色,它使人聯想到金色的秋天,豐碩的果實,是一種富足、快樂而幸福的顏色。橙色稍稍混入黑色或白色,會變成一種穩重、含蓄又明快的暖色,但混入較多的黑色,就成為一種燒焦的色;橙色中加入較多的白色會帶來一種甜膩的感覺。

橙色明視度高,在工業安全用色中,橙色即是警戒色,如火車頭,登山服裝,背包,救生衣等,橙色一般可作為喜慶的顏色,同時也可作富貴色,如皇宮里的許多裝飾。橙色可作餐廳的布置色,據說在餐廳里多用橙色可以增加食慾。

黃色的燦爛、輝煌,有著太陽般的光輝,象徵著照亮黑暗的智慧之光。黃色有著金色的光芒,有象徵著財富和權利,它是驕傲的色彩。在工業用色上,黃色常用來警告危險或提醒注意,如交通標志上的黃燈,工程用的大型機器,學生用雨衣,雨鞋等,都使用黃色。黃色在黑色和紫色的襯托下可以達到力量的無限擴大,淡淡的粉紅色也可以像少女一樣將黃色這驕傲的王子征服。黃色與綠色相配,顯得很有朝氣,有活力;黃色與藍色相配,顯得美麗、清新;淡黃色與深黃色相配顯得最為高雅。

鮮艷的綠色是一種非常美麗、優雅的顏色,它生機勃勃,象徵著生命。綠色寬容、大度,幾乎能容納所有的顏色。綠色的用途極為廣闊,無論是童年、青年、中年、還是老年,使用綠色決不失其活潑、大方。在各種繪畫、裝飾中都離不開綠色,綠色還可以作為一種休閑的顏色。

藍色是博大的色彩,天空和大海這遼闊的景色都呈蔚藍色。藍色是永恆的象徵,它是最冷的色彩。純凈的藍色表現出一種美麗、文靜、 理智、安詳與潔凈。

紫色是波長最短的可見光波。紫色是非知覺的色,它美麗而又神秘,給人深刻的印象,它既富有威脅性,又富有鼓舞性。紫色是象徵虔誠的色相,當光明與理解照亮了蒙昧的虔誠之色時,優美可愛的暈色就會使人心醉!

白色具有高級,科技的意象,通常需和其他色彩搭配使用,純白色會帶給別人寒冷,嚴峻的感覺,所以在使用白色時,都會摻一些其他的色彩,如象牙白,米白,乳白,蘋果白,在生活用品,服飾用色上,白色是永遠流行的主要色,可以和任何顏色作搭配。

黑色具有高貴,穩重,科技的意象,許多科技產品的用色,如電視,跑車,攝影機,音響,儀器的色彩,大多採用黑色,在其他方面,黑色的庄嚴的意象,也常用在一些特殊場合的空間設計,生活用品和服飾設計大多利用黑色來塑造高貴的形象,也是一種永遠流行的主要顏色,適合和許多色彩作搭配。

灰色具有柔和,高雅的意象,而且屬於中間性格,男女皆能接受,所以灰色也是永遠流行的主要顏色,在許多的高科技產品,尤其是和金屬材料有關的,幾乎都採用灰色來傳達高級,科技的形象,使用灰色時,大多利用不同的層次變化組合或他配其他色彩,才不會過單一,沉悶,而有呆板,僵硬的感覺。

黑色與白色是對色彩的最後抽象,代表色彩世界的陰極和陽極。太極圖案就是以黑、白兩色的循環形式來表現宇宙永恆的運動的。黑色意味著空無,像太陽的毀滅,像永恆的沉默,沒有未來,失去希望。而白色的沉默是有無窮的可能。黑白兩色是極端對立的色,它們又總是以對方的存在顯示自身的力量。它們似乎是整個色彩世界的主宰。

在色彩體系中灰色恐怕是最被動的色彩了,它是徹底的中性色,依靠鄰近的色彩獲得生命。灰色意味著一切色彩對比的消失,是視覺最安穩的休息點。然而,人眼不能長久地、無限地注視著灰色,因為無休止的休息意味著死亡。

黑、白、灰在色彩配色中佔有相當主要的地位,它們活躍在各種配色中,最大限度地改變對方的明度、亮度與色相,產生出多層次、多品種的優美色彩,因此它們是決不可忽視的無彩色。

⑥ html怎麼設置字體顏色

HTML主要是用來寫頁面布局的,過程中經常需要設置頁面某些字體的顏色,通常有三種常見方式可以進行自定義設置:

1、通過外部CSS樣式來設置。可以在head標簽中增加style樣式,在body中的其他標簽,如h1,p,div等開始標簽中,增加class="上述style中定義的名稱,如blue"即可。代碼實現如下:

(6)web紫色文本顏色擴展閱讀

HTML網頁上定義字體大小有常見三種單位,分別是:px、em、pt。

1、px是pixel縮寫,是基於像素的單位.在瀏覽網頁過程中,屏幕上的文字、圖片等會隨屏幕的解析度變化而變化,一個100px寬度大小的圖片,在800×600解析度下,要佔屏幕寬度的1/8,但在1024×768下,則只佔約1/10。所以如果在定義字體大小時,使用px作為單位,那一旦用戶改變顯示器解析度從800到1024,用戶實際看到的文字就要變「小」(自然長度單位),甚至會看不清,影響瀏覽。

2、em即%,是相對單位,是一個相對長度單位,最初是指字母M的寬度,故名em。現指的是字元寬度的倍數,用法類似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。,一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。

3、pt是point(磅)縮寫,是一種固定長度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字,字體的大小在不同屏幕(同樣解析度)下一樣,這樣可能會對排版有影響,但在Word中使用pt相當方便。因為使用Word主要目的都不是為了屏幕瀏覽,而是輸出列印。當列印到實體時,pt作為一個自然長度單位就方便實用了:比如Word中普通的文檔都用「宋體 9pt」,標題用「黑體 16pt」等等,無論電腦怎麼設置,列印出來永遠就是這么大。

參考資料

網路:HTML

⑦ 紫色8pt強調文本顏色4的文本效果在word中 怎麼操作

字體顏色,設置:紫色,強調文字顏色4,淡色80%

⑧ Web 怎麼更改字體顏色

找到web字體的屬性代碼,語法:<font color="#FF0000">我是紅色字體</font> color 修改參數即可

⑨ 網頁設計怎麼設置同意字體格式樣式

一、文字樣式設置的基本標簽—<font>
設置字體樣式的基本標簽是<font></font>,被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中,<font></font>容易被多重嵌套,如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標簽嵌套錯位,如<font><p>文本</font></p>。為了規范代碼的編寫,避免不必要的錯誤,讀者在初學時一定要謹慎。
二、設置文字的顏色
color是<font></font>標簽的屬性之一,用於設置文字顏色。在D:web目錄下創建網頁文件,命名為font_color.htm,編寫代碼如代碼4.7所示。
代碼4.7 字體顏色的設置:font_color.htm
<html>
<head>
<title>字體顏色的設置</title>
</head>
<body>
淺紅色文字:<font color="#dd0000">HTML學習的本質就是該是什麼就用什麼</font><br />
深紅色文字:<font color="#660000">HTML學習的本質就是該是什麼就用什麼</font><br />
淺綠色文字:<font color="#00dd00">HTML學習的本質就是該是什麼就用什麼</font><br />
深綠色文字:<font color="#006600">HTML學習的本質就是該是什麼就用什麼</font><br />
淺藍色文字:<font color="#0000dd">HTML學習的本質就是該是什麼就用什麼</font><br />
深藍色文字:<font color="#000066">HTML學習的本質就是該是什麼就用什麼</font><br />
淺黃色文字:<font color="#dddd00">HTML學習的本質就是該是什麼就用什麼</font><br />
深黃色文字:<font color="#666600">HTML學習的本質就是該是什麼就用什麼</font><br />
淺青色文字:<font color="#00dddd">HTML學習的本質就是該是什麼就用什麼</font><br />
深青色文字:<font color="#006666">HTML學習的本質就是該是什麼就用什麼</font><br />
淺紫色文字:<font color="#dd00dd">HTML學習的本質就是該是什麼就用什麼</font><br />
深紫色文字:<font color="#660066">HTML學習的本質就是該是什麼就用什麼</font><br />
</body>
</html>
不但可以從代碼4.7中學到color屬性在font標簽中的用法,還可以熟悉各種顏色的表示方法。
三、 設置文字的尺寸
size也是<font></font>標簽的屬性,用於設置文字大小。size的值為1-7,默認為3。我們可以size 屬性值之前加上「+」、「-」字元,來指定相對於字型大小初始值的增量或減量。在D:web目錄下創建網頁文件,命名為font_size.htm,編寫代碼如代碼4.8所示。
代碼4.8 字體尺寸的設置:font_size.htm
<html>
<head>
<title>字體尺寸的設置</title>
</head>
<body>
size為1:<font size="1">HTML學習</font><br />
size為2:<font size="2">HTML學習</font><br />
size為3:<font size="3">HTML學習</font><br />
size為4:<font size="4">HTML學習</font><br />
size為5:<font size="5">HTML學習</font><br />
size為6:<font size="6">HTML學習</font><br />
size為7:<font size="7">HTML學習</font><br />
</body>
</html>
可嘗試在size值前面加上「+」、「-」字元,更靈活地設置文字尺寸。
四、設置文字的字體
face也是<font></font>標簽的屬性,用於設置文字字體(字型)。HTML網頁中顯示的字型從瀏覽端的系統中調用,所以為了保持字型一致,建議採用宋體,HTML頁面也是默認採用宋體。在D:web目錄下創建網頁文件,命名為font_face.htm,編寫代碼如代碼4.9所示。
代碼4.9 字體字型的設置:font_face.htm
<html>
<head>
<title>字體字型的設置</title>
</head>
<body>
字型為宋體:<font size="5">沁園春·長沙-毛澤東</font><br />
字型為楷體:<font size="5">沁園春·長沙-毛澤東</font><br />
字型為黑體:<font size="5">沁園春·長沙-毛澤東</font><br />
字型為隸書:<font size="5">沁園春·長沙-毛澤東</font>
</body>
</html>
五、 使文字傾斜
用雙標簽<i></i>可使被作用文字傾斜,達到特殊的效果,例如文章的日期。<em></em>被稱為強調標簽,也是斜體,目前使用比<i></i>標簽更頻繁,其編寫方法如下:
<i>這是斜體文字</i>
<em>這也是斜體文字</em>
六、 使文字加粗
用雙標簽<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的標題部分。<strong></strong>被稱為特別強調標簽,也是文字加粗,目前使用比<b></b>標簽更頻繁,其編寫方法如下:
<b>這是粗體文字</b>
<strong>這也是粗體文字</strong>
七、給文字加下劃線
用雙標簽<u></u>可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:web目錄下創建網頁文件,命名為font_style.htm,編寫代碼如代碼4.10所示。
代碼4.10 文字修飾的設置:font_style.htm
<html>
<head>
<title>字體修飾的設置</title>
</head>
<body>
<font size="5">斜體:<em>沁園春·長沙-毛澤東</em><br />
加粗體:<strong>沁園春·長沙-毛澤東</strong><br />
下劃線:<u>沁園春·長沙-毛澤東</u><br />
斜體 加粗體 下劃線:<em><strong><u>沁園春·長沙-毛澤東</u></strong></em></font>
</body>
</html>
— 注意:在多個標簽包含同一塊文字時,其包含順序不能錯位。
八、 多種標題樣式的使用
網頁的文章中,為了凸顯標題的重要性,標題的樣式比較特殊。HTML技術保護了一套針對標題的樣式標簽,分別為雙標簽<h1>到<h6>,文字尺寸從大到小代表不同級別的標題。標題標簽有一個特點,獨佔一行、文字加粗、文字居中。這樣,在設置標題的時候就很輕鬆了,並且可設多級標題。在D:web目錄下創建網頁文件,命名為font_h.htm,編寫代碼如代碼4.11所示。
代碼4.11 標題的設置:font_h.htm
<html>
<head>
<title>標題的設置</title>
</head>
<body>
<h1>一號標題</h1>
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>四號標題</h4>
<h5>五號標題</h5>
<h6>六號標題</h6>
<h1>財富雜志:谷歌為何不會盛極而衰</h1>
<h3>遭遇潛在問題</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;一些業內人士認為,長期壟斷互聯網搜索和廣告市場谷歌可能會盛極而衰。...與此同時,谷歌近日推出的多項新計劃,例如開放手機聯盟、社交網站通用平台OpenSocial、以及可能投資數十億美元競購無線頻段,也遭到了廣泛的質疑。
<h3>將繼續壟斷搜索</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章稱,如果出現更好的搜索引擎,人們會毫不猶豫地放棄谷歌。但是,即使真有更好的搜索引擎出現,谷歌仍然可以在一段時間內屹立不倒。...在這種情況下,網站速度往往會成為決定勝負的關鍵。</p>
</body>
</html>
九、學會處理網頁中的特殊字元
在HTML中,有一些字元有特殊含義,例如「<」和「>」是標簽的左括弧和右括弧,而標簽是控制HTML顯示的,標簽本身只能被瀏覽器解析,並不能在頁面中顯示。那麼,該怎樣在HTML中顯示「<」和「>」呢?
特殊符號
HTML代碼
特殊符號
HTML代碼
<
&lt;
™(商標符號)
&trade;
>
&gt;
®(注冊符號)
&reg;
「」(英文半形)
&quot;
×
&times;
§
&sect;
©(版權符號)
&;
在D:web目錄下創建網頁文件,命名為string.htm,編寫string.htm代碼如代碼4.12所示。
代碼4.12 特殊字元的設置:string.htm
<html>
<head>
<title>特殊字元的設置</title>
</head>
<body>
<font size="5">
標簽的顯示方法:&lt;HTML&gt;<br />
引號的顯示方法:&quot;英文半形雙引號&quot;<br />
商標的顯示方法:&trade;<br />
注冊符號的顯示方法:&reg;<br />
版權符號的顯示方法:&;<br />
顯示&sect;<br />
顯示&times;
</font>
</body>
</html>
— 說明:單獨顯示符號&必須用代碼&amp;。
十、如何更方便地忽略瀏覽器對部分HTML的解析
如果在網頁中作一個類似本書的HTML代碼示例,恐怕得把所有的<和>轉換成&lt;和&gt;,顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個問題。
<plaintext>是單標簽,它插入到HTML代碼中時,其後面的所有HTML標簽全部失效,即瀏覽器對<plaintext>後面所有的HTML標簽不作解析,直接在頁面上顯示。
<xmp></xmp>是雙標簽,它只使其包含的內容中的標簽失效,<xmp></xmp>的使用更為普遍。在D:web目錄下創建網頁文件,命名為html.htm,編寫代碼如代碼4.13所示。
代碼4.13 忽略標簽的設置:html.htm
<html>
<head>
<title>忽略標簽的設置</title>
</head>
<body>
<h2>沁園春·長沙</h2>
<xmp>獨立寒秋,<strong>湘江北去</strong>,橘子洲頭。 <br />看萬山紅遍,層林盡染; <br />漫江碧透,<u>百舸爭流。</u> <br /></xmp>
鷹擊長空,<strong>魚翔淺底,</strong> <br />萬類霜天競自由。 <br />悵寥廓,<u>問蒼茫大地</u>,誰主沉浮?<br />
<plaintext>
攜來百侶曾游,<br />憶往昔崢嶸歲月稠。 <br /> 恰同學少年,風華正茂; <br /> 書生意氣,揮斥方遒。 <br /> 指點江山,激揚文字, <br /> 糞土當年萬戶侯。 <br /> 曾記否,<strong>到中流擊水</strong>,浪遏飛舟!
</body>
</html>
十一、其他文字修飾方法
為了滿足不同領域的需要,HTML還有其他修飾文字的標簽。比較常用的有上標格式標簽和下標格式標簽。某些場合甚至要用到刪除效果,即可用HTML的中劃線標簽。
— 上標格式標簽為雙標簽<sup></sup>,多用於數學指數的表示,比如某個數的平方或立方。
— 下標格式標簽為雙標簽<sub></sub>,多用於注釋,以及數學的底數表示。
— 中劃線標簽為雙標簽<strike></strike>,多用於刪除效果。
在D:web目錄下創建網頁文件,命名為other.htm,編寫代碼如代碼4.14所示。
代碼4.14 其他修飾標簽的設置:other.htm
<html>
<head>
<title>其他修飾標簽的設置</title>
</head>
<body>
<font size="5">
沁園春<sup>長沙</sup>!<br />
數學指數的表示:2<sup>3</sup>=8、100<sup>2</sup>=10000<br /><hr />
沁園春<sub>長沙</sub>!<br />
數學底數的表示:log<sub>3</sub>81=4、log<sub>5</sub>125=3<br /><hr />
刪除效果:<strike>我被刪除了</strike>
</font>
</body>
</html>