使用CSS可以很方便的產生一個長方形的邊框。可以使用邊框寬度、邊框顏色和邊框樣式來實現。
border: 1px solid black;
上述代碼就給出了一個簡單的長方形邊框,其中1px指定了邊框的寬度,solid指定了邊框的樣式為實線,最后的black指定了邊框的顏色為黑色。
如果想要樣式更加復雜,可以使用CSS3中新增的box-shadow屬性。該屬性允許我們添加陰影效果,可以通過以下代碼添加陰影:
box-shadow: 0px 0px 4px 2px gray;
該屬性接受四個參數,分別是陰影的水平偏移量、垂直偏移量、模糊半徑和擴展半徑。以上代碼表示陰影水平和垂直偏移量均為0,模糊半徑為4px,擴展半徑為2px,陰影顏色為灰色。
使用CSS可以輕松地實現各種邊框效果,只需要通過一些簡單的屬性就可以完成。相信在實際開發中,會經常用到這些屬性來制作各種花樣的邊框。
上一篇獲取孩子元素css
下一篇jquery js加載