一:設置背景顏色
1.準備編輯HTML
首先確定要使用的背景顏色,HTML顏色由每個代碼決定。在計算機的Web瀏覽器中訪問http://www.survivalescaperooms.com/html/html-colornames.html,就能查看所有顏色的代碼,并且在“HEX”部分中選擇要使用的基色。
2.使用Notepad ++或Notepad打開HTML文件,并且把頁面的所有樣式信息(包括背景顏色)添加進來。將“background-color”屬性添加到“body”元素。background-color要在body括號之間輸入,如下:
body bgcolor= red 背景紅色
或者
body { background-color:red}
3.您可以使用“background-color”來定義其他元素的背景,例如標題,段落等。例如,要將背景顏色應用于主標題( h1 )或段落( p )。
二:創建漸變背景
1.制作漸變時,我們需要兩條信息起點和角度,以及漸變之間過渡的顏色。您可以選擇多種顏色以使漸變在所有顏色之間移動,并且可以設置漸變的方向或角度。
屬性:
背景:線性梯度(方向 /角度,顏色1 ,顏色2 , 顏色3 ,等);
2.制作垂直漸變的時候,如果未指定方向,則漸變將從上到下要創建漸變,要在 style /style 標記之間添加以下代碼:
html { min-height : 100%; body { background : -webkit-linear-gradient(left ,#93B874 ,#C9DCB9 ); background : -o-linear-gradient(right,#93B874 ,#C9DCB9 ); background : -moz-linear-gradient(right,#93B874 ,#C9DCB9 ); 背景:線性梯度(到右側,#93B874 ,#C9DCB9 ); background-color :#93B874 ; }
當然也可以向漸變添加方向以更改顏色偏移的顯示方式,您不僅可以添加兩種以上的顏色,還可以在每種顏色之后添加一個百分比。也可以設置每個顏色段所需的間距,為您的顏色添加透明度,使用相同的顏色從顏色淡化為空。也可以使用該rgba()函數來定義顏色,結束值決定透明度:0實體和1透明。
以上就是對html如何設置背景顏色的全部介紹,如果你想了解更多有關HTML視頻教程,請關注php 。
以上就是html如何設置背景顏色?兩種方法教會你的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答