能在线观看的一区二区三区,韩国精品在线,国产精品96久久久久久久

亚洲视频二区_亚洲欧洲日本天天堂在线观看_日韩一区二区在线观看_中文字幕不卡一区

公告：魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務(wù)，提交前請做好本站友鏈：【網(wǎng)站目錄：http://www.430618.com 】，免友鏈快審服務(wù)（50元/站），

網(wǎng)站：51998
待審：31
小程序：12
文章：1030137
會員：747

首頁 > 新聞資訊 > IT業(yè)界 >正文

HTML顏色樣式

發(fā)布時間：2024-03-09 00:23:53 作者：網(wǎng)友整理

顏色對于為您的網(wǎng)站提供良好的外觀和感覺非常重要。

十六進制代碼（十六進制顏色表示）

十六進制是顏色的 6 位表示。前兩位（RR）代表紅色值，接下來兩位是綠色值（GG），最后一位是藍色值（BB）。

可以從任何圖形中獲取十六進制值A(chǔ)dobe Photoshop 等軟件。每個十六進制代碼前面都會有一個井號或井號 #。以下是使用十六進制表示法的幾種顏色的列表。以下是十六進制顏色的一些示例 –

讓我們看一個在 HTML 中實現(xiàn)十六進制樣式來表示顏色的示例 –

示例

?直播演示

<!DOCTYPE html>
<html>
<head>
<style>
   table, th, td {
      border: 2px solid black;
   }
</style>
</head>
<body>
<h2>Result</h2>
<table>
   <colgroup>
      <col span = "3" style = "background-color:#00FF00;">
      <col style = "background-color:#00FFFF;">
   </colgroup>
   <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Percentage</th>
      <th>Rank</th>
   </tr>
   <tr>
      <td>009</td>
      <td>Tom</td>
      <td>98</td>
      <td>1</td>
   </tr>
   <tr>
      <td>011</td>
      <td>Kieron</td>
      <td>97</td>
      <td>2</td>
   </tr>
   <tr>
      <td>039</td>
      <td>Gayle</td>
      <td>95</td>
      <td>3</td>
   </tr>
   <tr>
      <td>017</td>
      <td>Shaun</td>
      <td>92</td>
      <td>4</td>
   </tr>
   <tr>
      <td>009</td>
      <td>Kane</td>
      <td>91</td>
      <td>5</td>
   </tr>
   <tr>
      <td>025</td>
      <td>Steve</td>
      <td>87</td>
      <td>6</td>
   </tr>
   <tr>
      <td>013</td>
      <td>Jack</td>
      <td>85</td>
      <td>7</td>
   </tr>
   <tr>
      <td>023</td>
      <td>Tim</td>
      <td>84</td>
      <td>8</td>
   </tr>
</table>
</body>
</html>

登錄后復(fù)制

輸出

RGB 顏色值

RGB 顏色值是使用 rgb( ) 屬性指定的。該屬性采用三個值，紅色、綠色和藍色各一個。該值可以是 0 到 255 之間的整數(shù)或百分比。

以下是用 RGB 表示的一些顏色 –

HSL 顏色值

使用 HTML，您還可以設(shè)置 HUE，即“H”代表色調(diào)，“S”代表飽和度， “L”代表亮度。

讓我們看一個在 HTML 中實現(xiàn) HSL 樣式來表示顏色的示例 –

示例

?實時演示

<!DOCTYPE html>
<html>
<head>
<style>
   table, th, td {
      border: 2px solid black;
   }
</style>
</head>
<body>
<h2>Result</h2>
<table>
   <colgroup>
      <col span = "3" style = "background-color: hsl(300, 75%, 85%); ">
      <col style = "background-color: hsl(200, 30%, 40%);">
   </colgroup>
   <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Percentage</th>
      <th>Rank</th>
   </tr>
   <tr>
      <td>009</td>
      <td>Tom</td>
      <td>98</td>
      <td>1</td>
   </tr>
   <tr>
      <td>011</td>
      <td>Kieron</td>
      <td>97</td>
      <td>2</td>
   </tr>
   <tr>
      <td>039</td>
      <td>Gayle</td>
      <td>95</td>
      <td>3</td>
   </tr>
   <tr>
      <td>017</td>
      <td>Shaun</td>
      <td>92</td>
      <td>4</td>
   </tr>
   <tr>
      <td>009</td>
      <td>Kane</td>
      <td>91</td>
      <td>5</td>
   </tr>
   <tr>
      <td>025</td>
      <td>Steve</td>
      <td>87</td>
      <td>6</td>
   </tr>
   <tr>
      <td>013</td>
      <td>Jack</td>
      <td>85</td>
      <td>7</td>
   </tr>
   <tr>
      <td>023</td>
      <td>Tim</td>
      <td>84</td>
      <td>8</td>
   </tr>
</table>
</body>
</html>

登錄后復(fù)制

這將產(chǎn)生以下輸出 –

以上就是HTML顏色樣式的詳細內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！

分享到：

標簽：html 樣式顏色