在Dreamweaver中編輯CSS樣式表是設計網頁的重要部分之一。背景格式是CSS樣式表的重要元素之一 - 它使您可以更改整個頁面的背景圖片,顏色和其他屬性。正如我們將在本文中了解的,DW的CSS編輯器讓這個任務非常容易。
/* 更改背景顏色 */ body { background-color: #fadcbb; } /* 更改背景圖片 */ body { background-image: url(background.jpg); } /* 快捷記法-相當于上面的兩個元素 */ body { background: #fadcbb url(background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* 更改背景重復性 */ body { background-repeat: repeat; } /* 水平重復背景圖片 */ body { background-repeat: repeat-x; } /* 垂直重復背景圖片 */ body { background-repeat: repeat-y; } /* 不要重復背景圖片 */ body { background-repeat: no-repeat; } /* 設置背景位置 */ body { background-position: center top; } /* 快捷記法-相當于上面的位置屬性 */ body { background: #fadcbb url(background.jpg) no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
使用Dreamweaver的CSS編輯器編輯背景格式,在設計您的網頁時非常方便。只需復制上面的代碼,將其粘貼到您的樣式表中,并根據需要進行修改。掌握這些背景格式設置,您將能夠創建漂亮,有趣且動態的網頁。
下一篇dw中創建css樣式