時間：2023-09-09 05:12:02 | 來源：網(wǎng)站運營
時間：2023-09-09 05:12:02 來源：網(wǎng)站運營
HTML中對于顏色的應(yīng)用：上期文章：
在線咨詢
<h1 style="color:blue;">我的第一個標題</h1>用瀏覽器打開看看，標題是否變成了藍色。<p style="color:red;">這是一個段落，我要把它設(shè)置為藍色，只需在前面的標簽上嵌入style屬性即可，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p>下面是完整的代碼（千萬不要忽略上下兩部分，上面的示例只是局部代碼，整體結(jié)構(gòu)要完整且不能出現(xiàn)錯誤。不愛學(xué)習(xí)的小伙伴們直接拿去復(fù)制）。再用瀏覽器打開看一看，標題和下面一段文字的顏色是否顯示正常。<!DOCTYPE html><html><body><h1 style="color:blue;">我的第一個標題</h1><p style="color:red;">這是一個段落，我要把它設(shè)置為藍色，只需在前面的標簽上嵌入style屬性即可，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p></body></html><p style="background-color:yellow;">這是一個段落，我要把它的背景顏色設(shè)置為藍色，只需在前面的標簽上嵌入style屬性即可，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p>小提示：多個屬性可以并列存在，因此你可以同時給一段文字添加背景顏色和字體顏色，甚至更多。<!DOCTYPE html><html><body><h1 style="background-color:orange;">我的第一個標題</h1><p style="background-color:yellow;">這是一個段落，我要把它的背景顏色設(shè)置為藍色，只需在前面的標簽上嵌入style屬性即可，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p></body></html><!DOCTYPE html><html><body><h1 style="border:5px solid green;">我的第一個標題</h1><p style="border:3px solid green;">這是一個段落，我要把它的邊框顏色設(shè)置為綠色，只需在前面的標簽上嵌入style屬性即可，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。我也會在以后的文章當中詳細講解邊框?qū)傩浴?span ></p></body></html>用瀏覽器打開看一下代碼是否正確。<!DOCTYPE html><html><body><h1 style="color:rgb(0,0,255);background-color:rgb(255,128,0);border:5px solid rgb(0,255,0);">我的第一個標題</h1><p style="color:rgb(255,0,0);background-color:rgb(255,255,0);border:3px solid rgb(0,255,0);">這是一個段落，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p></body></html>用瀏覽器打開，看看顯示的是不是和我設(shè)置的一樣。<內(nèi)容元素 style="屬性類別1:具體屬性1;屬性類別2:具體屬性2;>當然，你可以繼續(xù)往后面添加屬性。</內(nèi)容元素>我們學(xué)過的「內(nèi)容元素」有<h1>-<h6>和<p>，學(xué)過的「屬性類別」有color、background-color、border，「具體屬性」指顏色（如red、#ff0000等）、寬度（如5px等）、邊框樣式（如solid等）。<!DOCTYPE html><html><body style="color:rgb(255,0,0);background-color:rgb(255,255,0);border:3px solid rgb(0,255,0);"><h1>我的第一個標題</h1><p>這是一個段落，style用于內(nèi)聯(lián)CSS，在以后的文章當中我們會詳細講解CSS。</p></body></html>效果如下：關(guān)鍵詞：顏色
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
