1. 程式人生 > 其它 >CSS學習筆記(一)-3.文字外觀屬性

CSS學習筆記(一)-3.文字外觀屬性

一、文字顏色

文字顏色使用color,有多種定義顏色的方式。

 1 <!--
 2  * @Author: invoker
 3  * @Github: https://github.com/invoker2021
 4  * @Date: 2021-07-09 19:17:43
 5  * @LastEditors: invoker
 6  * @LastEditTime: 2021-07-09 19:22:37
 7  * @Description: 
 8  * @FilePath: \CSS2\06-CSS字型的文字屬性.html
 9 -->
10 <!DOCTYPE html>
11 <html lang="en"> 12 13 <head> 14 <meta charset="UTF-8"> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 16 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 17 <title>06-CSS字型的文字外觀屬性</title> 18 <style>
19 /* 一般除錯用 */ 20 .red { 21 color: red; 22 } 23 /* 一般開發用 */ 24 .green { 25 color: #33FF66; 26 } 27 28 .blue { 29 color: rgb(0, 153, 255); 30 } 31 </style> 32 </head> 33 34 <body>
35 <div class='red'>學習CSS,快點測試開發</div> 36 <div class='green'>學習VUE,快點測試開發</div> 37 <div class='blue'>學習fastapi</div> 38 39 40 </body> 41 42 </html>
View Code

本文來自部落格園,作者:kaer_invoker,轉載請註明原文連結:https://www.cnblogs.com/invoker2021/p/14992203.html