如何在CSS中簡潔地編寫十六進位RGBA顏色？

探索CSS 中的十六進位RGBA

說到CSS 顏色，我們熟悉十六進位表示法，例如表示紅色的#ff0000和#rgba(255, 0, 0, 0.5) 半透明紅色的。但是，是否有更簡潔的方法來以十六進制定義部分透明顏色？問題來了：我們可以寫一些像 #ff000088 或 #ff0000 50% 這樣的東西，其中最後兩位數字（88 或 50%）代表 alpha 值嗎？

十六進位 RGBA 的未來 h3>

即將推出的 CSS 顏色模組等級令人興奮的消息正在等待著我們4！其編輯草案建議引入 4 位和 8 位十六進位 RGBA 表示法。這意味著我們很快就可以定義我們的顏色，例如：

#0000    // 4 digits
#00000000 // 8 digits

目前瀏覽器支援

不幸的是，在這些之前我們還有一段時間等待新的符號得到廣泛支持。然而，這並不意味著我們今天不能開始使用它們。透過包含後備，我們可以確保不支援的瀏覽器能夠正常處理我們的新屬性：

figure {
  background: #FEFE7F; // Fallback
  background: rgba(255, 255, 0, 0.5); // Modern browsers
  background: #ffff007F; // Future shorthand
}

以上是如何在CSS中簡潔地編寫十六進位RGBA顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！