用css屬性畫出一棵圣誕樹的方法

主要練習(xí)的是css里面border的練習(xí)與掌握程度。

在body創(chuàng)建一個主區(qū)域<p></p>：我們用border搭建的三角形在主區(qū)域內(nèi)。

改主區(qū)域的背景色：可以給設(shè)定一個高度

創(chuàng)建第一個三角形：

這里的每個區(qū)域代表一個矩形，然后通過修改矩形得到三角形

修改css屬性得到三角形：

這里的width和height其實就是內(nèi)側(cè)border的長度，然后分別設(shè)置border上下左右的屬性，用transparent隱藏不需要展示的border。

然后用p區(qū)域做樹干：

最終效果：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com