hbuilderx支持創(chuàng)建和管理多個(gè)項(xiàng)目,可以輕松切換和管理不同的前端項(xiàng)目,并提供了項(xiàng)目模板和快速創(chuàng)建項(xiàng)目的功能。很多小伙伴在使用hbuilderx的時(shí)候,想知道怎么設(shè)置div標(biāo)簽分欄顯示,下面小編就為大家分享hbuilderx設(shè)置div標(biāo)簽分欄顯示教程,感興趣的小伙伴不要錯(cuò)過哦!
hbuilderx怎么設(shè)置div標(biāo)簽分欄顯示?hbuilderx設(shè)置div標(biāo)簽分欄顯示教程
第一步,打開HBuilderX工具,創(chuàng)建web項(xiàng)目,然后新建文件。

第二步,在標(biāo)簽中,插入三個(gè)div標(biāo)簽,分別設(shè)置不同的內(nèi)容。

第三步,利用one和two ID選擇器,設(shè)置對(duì)應(yīng)的樣式屬性。

第四步,保存代碼并運(yùn)行頁(yè)面文件,打開瀏覽器,查看界面效果。

第五步,再次添加設(shè)置第三個(gè)div標(biāo)簽的樣式,分別添加background-color屬性。

第六步,再次保存代碼并刷新瀏覽器,可以看到界面出現(xiàn)了分欄。

謝謝大家的觀看,更多精彩教程歡迎前來關(guān)注本站!