Css樣式表【邊界邊框】【列表方塊】

 

一、如何給div加邊框？【邊界邊框】

我們先做一個整個邊框，並附加成綠色的邊框。

①使用屬性border進行設置。

→→

②也可以單獨更改某個邊的邊框線的顏色，利用border屬性更改。

 

如果將div中的長寬的值設置為0，那么整個div就全都是邊框了。

→

 

③如果做倒三角？

當然，我們只要調整div中邊框的顏色就和像素可以做出我們想要的形狀。

            #a1{
                width: 0px;
                height: 0px;
                border-top: 100px solid darkslategray;
                border-bottom: 100px solid yellowgreen;
                border-left: 100px solid brown;
                border-right: 100px solid black;
                
            }

這樣就形成了四個對等的三角形，並附有不同的顏色，那么將其中三個的顏色值改變為白色，就是我們想要的三角形了。

 

 

---

 

二、如何去掉列表前面的數字或點？【列表方塊】

1、列表方塊

利用list標簽去掉列表中前面的點的效果

 

#lie{
                list-style: none;
            }

 

→→

 

當然，list-style標簽害有很多功能，例如：將點放到元素里面、或者外面、再或者將點改成圖片等等。

再做一個將點改成圖片的：

→→