国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 背景顏色–更改BG顏色教程

背景顏色–更改BG顏色教程

來源:千鋒教育
發布人:syq
時間: 2022-09-16 14:10:00 1663308600

  在構建網頁時,您始終希望創建獨特的布局。您希望您的網頁對您的用戶具有吸引力,并且不會刺眼。

更改BG顏色教程

  為了幫助做到這一點,你可以選擇背景和文本顏色,它們很好地融合在一起,并相互補充。

  默認情況下,您會注意到您的網頁具有透明的背景色,您可以將其更改為所需的任何顏色。

  例如,您可能希望在網頁上創建深色模式功能,以便背景具有深色,而文本具有淺色。這有助于讀者避免可能影響他們眼睛的刺眼顏色。

  在本文中,您將學習如何使用HTML和CSS更改網頁的背景顏色。

  我們過去如何更改背景顏色

  過去,在引入HTML5之前,一些基本的樣式是由HTML處理的。

  例如,當您想要更改頁面的背景顏色時,您可以輕松地在開始的 body 標記中添加屬性,并將其設置為首選顏色的值。這可以是其十六進制代碼或名稱。bgcolor

11

  但是,當 HTML5 引入時,此屬性已貶值。它現在被一個更好的替代方案CSS屬性所取代。這是有道理的,因為HTML是一種標記語言,而不是樣式語言。在處理樣式時,最好使用CSS。background-color

  如果您急于了解如何更改網頁,divs和其他元素的背景顏色,那么這里是:

12

  假設你有空閑時間。讓我們快速入門。

  如何更改 HTML 中的背景色

  可以使用 CSS 背景色屬性來更改網頁的顏色。此屬性的工作方式與所有其他 CSS 屬性類似,這意味著您可以利用它來設置頁面的樣式:

  在 HTML 標記中(內聯樣式),

  在頭部標簽(內部樣式)中的樣式標簽內,

  或在專用的 CSS 文件中(外部樣式)。

  根據您的偏好,您將屬性設置為顏色名稱、十六進制代碼、RGB 值,甚至是 HSL 值。您可以使用此屬性不僅設置網頁正文的樣式,還可以設置 div、標題、表格等的樣式。background-color

  查看代碼筆中的以下示例:

13

14

  如何使用內聯 CSS 更改 HTML 中的背景顏色

  內聯 CSS 允許您將樣式直接應用于 HTML 元素。這意味著您將 CSS 直接放入 HTML 標記中。您可以使用 style 屬性執行此操作,該屬性包含要應用于 HTML 標記的所有樣式。

15

  您將在首選顏色值旁邊使用 CSS 背景色屬性:

16

  如何使用內部/外部 CSS 更改 HTML 中的背景色

  設置網頁樣式的最佳方式是外部樣式,但當您只有幾行樣式時,始終可以使用內部樣式。

  內部和外部都使用相同的方法:它們都使用選擇器為HTML元素添加樣式。

  對于內部樣式,所有樣式都將添加到 標記內的 HTML 文件中。此樣式標記放置在 標記內,如下所示:<style><head>

17

  對于外部樣式,您所要做的就是使用常規語法將 CSS 樣式添加到 CSS 文件中:

18

  選擇器可以是您的 HTML 標記,也可以是 .例如:classID

19

  或者您可以使用:class

20

  或者您可以使用:id

21

  注意:如前所述,使用內聯 CSS,可以將顏色名稱、十六進制代碼、RGB 值和 HSL 值與內部或外部樣式結合使用。bgcolor

  在本文中,您學習了如何使用 CSS 背景色屬性更改 HTML 元素的背景色。您還了解了開發人員在引入帶有該屬性的HTML5之前是如何做到這一點的。bgcolor

  必須記住,使用內部或外部樣式設置HTML元素的樣式始終比內聯樣式更可取,因為它提供了更大的靈活性。例如,您可以為其使用單個 CSS,而不是向所有標簽元素添加類似的內聯樣式。<div>class

  內聯樣式不被視為最佳做法,因為它們會導致大量重復 - 您無法在其他地方重用這些樣式。要了解更多信息,您可以閱讀我關于HTML中的內聯樣式的文章。您還可以在本文中了解如何更改文本大小,以及如何在本文中更改文本顏色。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
開班信息
北京校區
  • 北京校區
  • 大連校區
  • 廣州校區
  • 成都校區
  • 杭州校區
  • 長沙校區
  • 合肥校區
  • 南京校區
  • 上海校區
  • 深圳校區
  • 武漢校區
  • 鄭州校區
  • 西安校區
  • 青島校區
  • 重慶校區
  • 太原校區
  • 沈陽校區
  • 南昌校區
  • 哈爾濱校區