Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 在线精品自拍,日本一道本高清免费,韩国精品一区二区久久

          整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 顏色

          TML 顏色由紅色、綠色、藍(lán)色混合而成。

          顏色值

          HTML 顏色由一個(gè)十六進(jìn)制符號(hào)來(lái)定義,這個(gè)符號(hào)由紅色、綠色和藍(lán)色的值組成(RGB)。

          種顏色的最小值是0(十六進(jìn)制:#00)。最大值是255(十六進(jìn)制:#FF)。

          這個(gè)表格給出了由三種顏色混合而成的具體效果:

          顏色值

          顏色(Color)顏色十六進(jìn)制(Color HEX)顏色RGB(Color RGB)
          #000000rgb(0,0,0)
          #FF0000rgb(255,0,0)
          #00FF00rgb(0,255,0)
          #0000FFrgb(0,0,255)
          #FFFF00rgb(255,255,0)
          #00FFFFrgb(0,255,255)
          #FF00FFrgb(255,0,255)
          #C0C0C0rgb(192,192,192)
          #FFFFFFrgb(255,255,255)


          1600萬(wàn)種不同顏色

          三種顏色 紅,綠,藍(lán)的組合從0到255,一共有1600萬(wàn)種不同顏色(256 x 256 x 256)。

          在下面的顏色表中你會(huì)看到不同的結(jié)果,從0到255的紅色,同時(shí)設(shè)置綠色和藍(lán)色的值為0,隨著紅色的值變化,不同的值都顯示了不同的顏色。

          Red LightColor HEXColor RGB
          #000000 rgb(0,0,0)
          #080000rgb(8,0,0)
          #100000rgb(16,0,0)
          #180000rgb(24,0,0)
          #200000rgb(32,0,0)
          #280000rgb(40,0,0)
          #300000rgb(48,0,0)
          #380000rgb(56,0,0)
          #400000rgb(64,0,0)
          #480000rgb(72,0,0)
          #500000rgb(80,0,0)
          #580000rgb(88,0,0)
          #600000rgb(96,0,0)
          #680000rgb(104,0,0)
          #700000rgb(112,0,0)
          #780000rgb(120,0,0)
          #800000rgb(128,0,0)
          #880000rgb(136,0,0)
          #900000rgb(144,0,0)
          #980000rgb(152,0,0)
          #A00000rgb(160,0,0)
          #A80000rgb(168,0,0)
          #B00000rgb(176,0,0)
          #B80000rgb(184,0,0)
          #C00000rgb(192,0,0)
          #C80000rgb(200,0,0)
          #D00000rgb(208,0,0)
          #D80000rgb(216,0,0)
          #E00000rgb(224,0,0)
          #E80000rgb(232,0,0)
          #F00000rgb(240,0,0)
          #F80000rgb(248,0,0)
          #FF0000rgb(255,0,0)

          灰暗色調(diào)

          以下展示了灰色到黑色的漸變

          Gray ShadesColor HEXColor RGB
          #000000 rgb(0,0,0)
          #080808 rgb(8,8,8)
          #101010 rgb(16,16,16)
          #181818 rgb(24,24,24)
          #202020 rgb(32,32,32)
          #282828 rgb(40,40,40)
          #303030 rgb(48,48,48)
          #383838 rgb(56,56,56)
          #404040 rgb(64,64,64)
          #484848 rgb(72,72,72)
          #505050 rgb(80,80,80)
          #585858 rgb(88,88,88)
          #606060 rgb(96,96,96)
          #686868 rgb(104,104,104)
          #707070 rgb(112,112,112)
          #787878 rgb(120,120,120)
          #808080 rgb(128,128,128)
          #888888 rgb(136,136,136)
          #909090 rgb(144,144,144)
          #989898 rgb(152,152,152)
          #A0A0A0 rgb(160,160,160)
          #A8A8A8 rgb(168,168,168)
          #B0B0B0 rgb(176,176,176)
          #B8B8B8 rgb(184,184,184)
          #C0C0C0 rgb(192,192,192)
          #C8C8C8 rgb(200,200,200)
          #D0D0D0 rgb(208,208,208)
          #D8D8D8 rgb(216,216,216)
          #E0E0E0 rgb(224,224,224)
          #E8E8E8 rgb(232,232,232)
          #F0F0F0 rgb(240,240,240)
          #F8F8F8 rgb(248,248,248)
          #FFFFFF rgb(255,255,255)

          Web安全色?

          數(shù)年以前,當(dāng)大多數(shù)計(jì)算機(jī)僅支持 256 種顏色的時(shí)候,一系列 216 種 Web 安全色作為 Web 標(biāo)準(zhǔn)被建議使用。其中的原因是,微軟和 Mac 操作系統(tǒng)使用了 40 種不同的保留的固定系統(tǒng)顏色(雙方大約各使用 20 種)。

          我們不確定如今這么做的意義有多大,因?yàn)樵絹?lái)越多的計(jì)算機(jī)有能力處理數(shù)百萬(wàn)種顏色,不過(guò)做選擇還是你自己。

          最初,216 跨平臺(tái) web 安全色被用來(lái)確保:當(dāng)計(jì)算機(jī)使用 256 色調(diào)色板時(shí),所有的計(jì)算機(jī)能夠正確地顯示所有的顏色。

          0000000000330000660000990000CC0000FF
          0033000033330033660033990033CC0033FF
          0066000066330066660066990066CC0066FF
          0099000099330099660099990099CC0099FF
          00CC0000CC3300CC6600CC9900CCCC00CCFF
          00FF0000FF3300FF6600FF9900FFCC00FFFF
          3300003300333300663300993300CC3300FF
          3333003333333333663333993333CC3333FF
          3366003366333366663366993366CC3366FF
          3399003399333399663399993399CC3399FF
          33CC0033CC3333CC6633CC9933CCCC33CCFF
          33FF0033FF3333FF6633FF9933FFCC33FFFF
          6600006600336600666600996600CC6600FF
          6633006633336633666633996633CC6633FF
          6666006666336666666666996666CC6666FF
          6699006699336699666699996699CC6699FF
          66CC0066CC3366CC6666CC9966CCCC66CCFF
          66FF0066FF3366FF6666FF9966FFCC66FFFF
          9900009900339900669900999900CC9900FF
          9933009933339933669933999933CC9933FF
          9966009966339966669966999966CC9966FF
          9999009999339999669999999999CC9999FF
          99CC0099CC3399CC6699CC9999CCCC99CCFF
          99FF0099FF3399FF6699FF9999FFCC99FFFF
          CC0000CC0033CC0066CC0099CC00CCCC00FF
          CC3300CC3333CC3366CC3399CC33CCCC33FF
          CC6600CC6633CC6666CC6699CC66CCCC66FF
          CC9900CC9933CC9966CC9999CC99CCCC99FF
          CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
          CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
          FF0000FF0033FF0066FF0099FF00CCFF00FF
          FF3300FF3333FF3366FF3399FF33CCFF33FF
          FF6600FF6633FF6666FF6699FF66CCFF66FF
          FF9900FF9933FF9966FF9999FF99CCFF99FF
          FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
          FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          頭條創(chuàng)作挑戰(zhàn)賽#

          【今日HTML小知識(shí)-2:設(shè)置顏色透明】在網(wǎng)頁(yè)布局中有時(shí)為了網(wǎng)頁(yè)的整體美觀,可能需要將網(wǎng)頁(yè)中的某些部分設(shè)置為背景顏色透明,那么如何設(shè)置背景顏色透明呢?本篇文章就來(lái)給大家介紹一下設(shè)置背景顏色透明的兩種方法。


          1、通過(guò)backgroud和opacity設(shè)置背景顏色透明

          background屬性中屬性值比較簡(jiǎn)單,這里就不細(xì)說(shuō)了,opacity屬性參數(shù)的"不透明度"是以數(shù)字表示,從 0.0 至 1.0 都可以,完全透明是 0.0,完全不透明是1.0,換句話說(shuō),數(shù)字越大代表元素越不透明。代碼示例如下:

          代碼

          示例效果

          注意:通過(guò)backgroud和opacity設(shè)置背景顏色透明度,如果背景上面有文字的話,那么文字也會(huì)變成透明,就像上面的效果一樣。

          2、通過(guò)rgba方式設(shè)置背景顏色透明

          所謂RGBA顏色,就是RGB三原色加ALPHA。在給背景添加顏色的同時(shí),提供透明度特性。

          用法:background:rgba(R, G, B, A) ;

          代碼實(shí)例如下:

          代碼

          示例效果

          注意:通過(guò)rgba方式設(shè)置背景顏色透明度,可以設(shè)置背景顏色透明而文字不透明。



          以上為HTML設(shè)置背景透明色的兩種方法,希望能幫助到正在學(xué)習(xí)HTML的你們噢~~~

          新人作者,如有不足地方,希望大家多多交流,隨時(shí)補(bǔ)充噢~~~

          為Web開發(fā)人員,最常見的事情之一就是更改HTML元素的背景顏色。但是,如果您不了解如何使用CSS background-color屬性,可能會(huì)產(chǎn)生混淆。在本文中,我們討論以下幾點(diǎn)

          1.HTML元素的默認(rèn)背景色值

          2.如何更改div的背景顏色,這是非常常見的元素

          3.該background-color屬性會(huì)影響CSS盒子模型的哪些部分,以及

          4.此屬性可以采用的不同值。

          元素的默認(rèn)背景色

          div的默認(rèn)背景顏色是transparent。因此,如果您不指定div的背景色,它將顯示其父元素的背景色。

          更改Div的背景顏色

          在此示例中,我們將更改以下div的背景顏色。

          <div class="div-1"> I love HTML </div>
          <div class="div-2"> I love CSS </div>
          <div class="div-3"> I love JavaScript </div>

          沒有任何樣式,它將在視覺上轉(zhuǎn)換為以下內(nèi)容。

          讓我們通過(guò)向類中添加樣式來(lái)更改div的背景顏色。您可以通過(guò)嘗試HTML文件中的示例進(jìn)行操作。

          <style>
              .div-1 {
                  background-color: #EBEBEB;
              }
              
              .div-2 {
              	background-color: #ABBAEA;
              }
              
              .div-3 {
              	background-color: #FBD603;
              }
          </style>
          
          <body>
              <div class="div-1"> I love HTML </div>
              <div class="div-2"> I love CSS </div>
              <div class="div-3"> I love JavaScript </div>
          </body>

          這將導(dǎo)致以下結(jié)果:

          看!我們已成功更改了該div的背景顏色。接下來(lái),讓我們更多地了解此屬性。讓我們看看background-color屬性如何影響CSS-box模型的各個(gè)部分。

          背景顏色和CSS Box模型

          根據(jù)CSS框模型,所有HTML元素都可以建模為矩形框。每個(gè)盒子由4個(gè)部分組成,如下圖所示。

          如果您不熟悉Box模型,則可以查閱相關(guān)資料。問(wèn)題是,當(dāng)您更改div的背景顏色時(shí),Box模型的哪一部分會(huì)受到影響?簡(jiǎn)單的答案是填充區(qū)域和內(nèi)容區(qū)域。讓我們通過(guò)一個(gè)例子來(lái)確認(rèn)這一點(diǎn)。

          <style>
              body {
                  background-color: #ABBAEA;
              }
              div {
                  height: 200px;
                  margin: 20px;
                  border: 5px solid;
                  background-color: #FBD603;
              }
          </style>
          <body>
              <div>
                  <p>This is the parent div which contains the div we are testing</p>
          
                  <div>
                      <p>This example shows that changing the background color of a div does not affect the border and margin of the div.</p>
                  </div>
              </div>
          </body>

          這將導(dǎo)致:

          從上面的示例中,我們可以看到空白區(qū)域和邊框區(qū)域不受背景顏色變化的影響。我們可以使用border-color屬性更改邊框的顏色。邊距區(qū)域保持透明,并反映父容器的背景色。

          最后,讓我們討論background-color屬性可以采用的值。

          背景色值

          就像color屬性一樣,background-color屬性可以采用六個(gè)不同的值。讓我們通過(guò)一個(gè)示例考慮三個(gè)最常見的值。在示例中,我們將div的背景色設(shè)置為具有不同值的紅色。

          <style>
              /* Keyword value/name of color */
              .div-1 {
                  background-color: red;
              }
              
              /* Hexadecimal value */
              .div-2 {
                 background-color: #FF0000;	 
              }
              
              /* RGB value */
              .div-3 {
              	background-color: rgb(255,0,0);
              }
              
          </style>
          
          <body>
              <div class="div-1">
                  <p>The background property can take six different values.</p>
              </div>
          
              <div class="div-2">
                  <p>The background property can take six different values.</p>
              </div>
          
              <div class="div-3">
                  <p>The background property can take six different values.</p>
              </div>
          </body>

          注意,它們的結(jié)果都是相同的背景色。

          該background-color屬性可以采用的其他值包括HSL值,特殊關(guān)鍵字值和全局值。這是每個(gè)例子。

          /* HSL value */
          background-color: hsl(0, 100%, 25%;
          
          /* Special keyword values */
          background-color: currentcolor;
          background-color: transparent;
          
          /* Global values */
          background-color: inherit;
          background-color: initial;
          background-color: unset;

          額外注意

          設(shè)置元素的背景色時(shí),重要的是要確保背景色和其包含的文本顏色的對(duì)比度足夠高。這是為了確保弱視人士可以輕松閱讀文本。

          第一個(gè)div的背景顏色與文本顏色之間的對(duì)比度不夠高,每個(gè)人都看不到。因此,除非您是唯一正在使用的網(wǎng)站,并且您的視力非常好,否則應(yīng)避免這種顏色組合。

          第二個(gè)div在背景顏色和文本顏色之間具有更好的對(duì)比度。因此,它使人們更容易閱讀和閱讀。

          結(jié)論

          在本文中,我們看到了如何更改div的背景顏色。我們還討論了CSS Box模型的哪些部分受背景顏色變化的影響。最后,我們討論了background-color屬性可以采用的值。

          希望本文對(duì)您有所幫助。謝謝閱讀。


          主站蜘蛛池模板: 久久se精品一区精品二区| 无码精品一区二区三区免费视频| 无码国产精品一区二区免费vr| 亚洲国产系列一区二区三区 | 精品一区二区三区在线观看l| 国产亚洲欧洲Aⅴ综合一区| 日韩一区二区免费视频| 日本片免费观看一区二区| 免费精品一区二区三区第35| 一区二区三区高清在线| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 日本无卡码一区二区三区| 精品国产一区二区三区免费| 中文字幕精品一区二区三区视频| 一区二区三区视频免费观看| 日韩在线视频不卡一区二区三区| 国产情侣一区二区| 日韩美女视频一区| 国产一区二区在线观看麻豆| 成人免费一区二区三区在线观看| 激情内射日本一区二区三区| 国模精品一区二区三区| 国产午夜精品一区理论片飘花| 国产亚洲福利精品一区| 亚洲AV无码一区二区二三区入口 | 亚洲欧美日韩中文字幕一区二区三区| 国产乱码精品一区二区三区中文 | 国产一区二区三区在线免费| 国产成人一区二区三区| 日韩福利视频一区| 内射白浆一区二区在线观看| 精品福利一区二区三区精品国产第一国产综合精品 | 一区二区三区免费视频观看| 午夜无码视频一区二区三区| 国产另类ts人妖一区二区三区 | 波多野结衣一区二区三区高清av| 精品视频一区二区观看| 中文字幕一区二区三区在线播放| 国产suv精品一区二区33| 亚洲国产成人久久综合一区| 成人免费一区二区无码视频|