資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何使用 CSS 為元素新增特定顏色？
顏色是人們表達自己的一種基本方式。甚至在掌握繪畫技巧之前，孩子們就開始玩耍顏色。也許正因為如此，在學習建立網站時，人們常常希望將顏色作為最初的元素之一來進行嘗試。
使用 CSS 為 HTML 元素新增顏色以獲得理想的外觀有多種方法。您可以使用 CSS（層疊樣式表）來管理 HTML 元素的外觀，包括顏色、字型、大小和位置。讓我們逐一瞭解如何使用 CSS 為元素新增特定顏色。
CSS 顏色屬性
要指定 HTML 元素的文字顏色，我們使用 CSS color 屬性。它允許您使用多種方法指定顏色，包括命名顏色、十六進位制值、RGB 值或 HSL 值。它是管理網站內容視覺外觀的基本屬性。
語法
以下是 CSS 顏色屬性的語法
color: color|initial|inherit;
示例
在下面的示例中，我們將使用 CSS color 屬性將顏色應用於文字。
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: #DE3163;
}
</style>
</head>
<body>
<p>Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p>
</body>
</html>
執行以上程式碼後，將生成一個輸出，其中包含應用了 CSS 並顯示在網頁上的文字。
CSS background-color 屬性
在 CSS 中，background-color 屬性用於定義元素的背景顏色。除了 margin 外，背景跨越元素的整個大小。它使使用者更容易閱讀文字。
語法
以下是 CSS background-color 屬性的語法
element {
background-color property
}
示例
考慮下面的例子，我們將建立一個類名為“tutorial”的 div 標籤並使用 background-color 屬性。
<!DOCTYPE html>
<html>
<head>
<style>
.tutorial {
background-color: #E8DAEF;
height: 100px;
width: 200px;
text-align: center;
}
</style>
</head>
<body>
<div class="tutorial">TUTORIALSPOINT</div>
</body>
</html>
執行以上程式碼後，將彈出一個輸出視窗，其中包含文字以及應用於顯示在網頁上的文字的背景顏色。
CSS border-color 屬性
可以使用 border-color 屬性為元素的邊框著色。為了使 border-color 屬性起作用，必須首先定義用於定義邊框的 border-style 屬性。此屬性不能單獨發揮作用。頂部邊框、右邊框、底部邊框和左邊框可以分別取一到四個值。如果此屬性未設定，則將使用元素的顏色。
語法
以下是 CSS border-color 屬性的語法
border-color: color-value;
示例
讓我們來看下面的例子，我們將使用 CSS border-color 屬性新增邊框顏色。
<!DOCTYPE html>
<html>
<head>
<style>
.tutorial {
border-color: #DE3163;
border-style: solid;
height: 60px;
width: 200px;
text-align: center;
}
</style>
</head>
<body>
<div class="tutorial">WELCOME.!</div>
</body>
</html>
執行以上程式碼後，將生成一個輸出，其中包含應用了邊框並在網頁上顯示的文字。
瀏覽量：118
