1.打開軟件，依次點(diǎn)擊文件→新建→選擇Web項(xiàng)目，(按Ctrl N，W)觸發(fā)快速新建。2.請(qǐng)?jiān)贏處填寫新項(xiàng)目的名稱，在B處填寫(或選擇)項(xiàng)目保存路徑(更改此路徑會(huì)被HBuilder記錄，下次默認(rèn)使用更

1.打開軟件，依次點(diǎn)擊文件→新建→選擇Web項(xiàng)目，(按Ctrl N，W)觸發(fā)快速新建。

2.請(qǐng)?jiān)贏處填寫新項(xiàng)目的名稱，在B處填寫(或選擇)項(xiàng)目保存路徑(更改此路徑會(huì)被HBuilder記錄，下次默認(rèn)使用更改后的路徑)，在C處可以選擇使用的模板(點(diǎn)擊自定義模板，參考打開目錄中的readme.txt自定義模板)。

3.在項(xiàng)目瀏覽器中選擇新建的項(xiàng)目，依次點(diǎn)擊文件→新建→選擇HTML文件(按Ctrl N，W觸發(fā)快速新建(MacOS請(qǐng)使用Command N，然后左鍵點(diǎn)擊HTML文件))，選擇一個(gè)空白文件模板。

它可能以錯(cuò)誤的插入，所以代碼可能 t運(yùn)行，這樣就沒(méi)用了。

在

不 t直接插入豎條的代碼，但是可以使用box模型來(lái)實(shí)現(xiàn)豎條的效果。具體做法是先打開hbuilder編輯器，新建一個(gè)html文件，編寫基本的html結(jié)構(gòu):

2.然后插入一個(gè)div標(biāo)簽，在上面的style標(biāo)簽中設(shè)置div的css樣式。在這里，設(shè)置div的背景顏色，給它一個(gè)高度和寬度0，并設(shè)置

1.首先打開hbuilder軟件，新建一個(gè)html文件，在里面寫三個(gè)P標(biāo)簽。然后在style標(biāo)簽中設(shè)置P標(biāo)簽的基本樣式，包括間距、字體大小等屬性:

2.然后用三種方法設(shè)置樣式標(biāo)簽中的文本顏色。第一個(gè)P標(biāo)簽用十六進(jìn)制設(shè)置顏色，每?jī)蓚€(gè)數(shù)為一組，最大的數(shù)是ff，代表紅綠藍(lán)三種顏色。

第二種方法是rgba，同樣是紅綠藍(lán)，但是數(shù)值變成了數(shù)字，最大值255表示最亮的顏色。例如，將第一個(gè)值設(shè)置為255是最紅的:

3.第三個(gè)標(biāo)簽使用HSL顏色，其中H代表色相，最大值為360，0和360也是紅色，中間是其他顏色；s是以百分比表示的飽和度，0%為最暗，100%為最亮；l表示亮度值也是百分比；在rgba和hlsa中，a代表透明度，取值范圍為0.0到1.0，其中0.0表示完全透明，1.0表示完全不透明:

4.最后，打開瀏覽器以三種顯示顏色: