方法如下：

1、第一步開啟安裝好的HBuilder軟體， 開啟頁面。可以選擇暫不登入。

3、選擇Web專案----在輸入填寫你需要的專案名字---在下面選擇你要儲存在的位置路徑。

4、在左邊的專案管理器可以看到剛剛自己新建的專案，選擇新建---HTML檔案---輸入這個html檔案的名字開啟這個HTML檔案可以看到一個標準的HTML結構。

5、輸入簡單的幾個標籤<style type="text/css"> CSS宣告代買域body{ body標籤樣式background-color: burlywood;背景顏色}h2{ h2標籤樣式font-size: 90px; 字型大小text-align: center; 居中margin-top: 500px;距離頂部距離} </style>。

1、首先開啟hbuilder軟體，新建一個html檔案，裡面寫入3個p標籤，再在style標籤中設定p標籤的基本樣式，包括間距，字型大小等屬性：

2、然後在style標籤中用3種方法設定文字顏色，第一個p標籤用16進位制設定顏色，每兩個數字為一組，最大數字為ff，它們代表紅綠藍三種顏色；第二種方法是rgba，也是紅綠藍三種顏色，只不過值變成了數字，最大為255表示顏色最鮮豔，比如把第一個設定為255就是最紅：

3、第三個標籤使用HSL色彩，其中H代表色調，值最大為360，0和360也是紅色，其他顏色在中間；s是飽和度用百分比來表示，0%表示最暗，100%表示最亮；L表示亮度取值也是百分比；rgba和hlsa中a都表示透明度，取值在0.0到1.0之間，0.0是完全透明，1.0為完全不透明：

4、最後開啟瀏覽器就能三種方法表示出的顏色：