DW中CSS擴展功能十分強大,能夠讓頁面設計變得更加美觀、舒適。在具體使用時,主要分為三個方面:邊框樣式、背景樣式和文本樣式。以下是一些實用技巧:
/* 邊框樣式 */ div{ border: 1px dotted #ccc; /*設置邊框為1像素、點狀、灰色*/ border-radius: 5px; /*圓角*/ box-shadow: 2px 2px 5px #ccc; /*陰影*/ } /* 背景樣式 */ body{ background-color: #f5f5f5; /*頁面背景顏色*/ background-image: url(bg.png); /*頁面背景圖片*/ background-repeat: repeat-x; /*圖片橫向平鋪*/ background-size: cover; /*圖片鋪滿屏幕*/ background-position: center top; /*圖片在屏幕中間上方*/ } /* 文本樣式 */ p{ font-size: 16px; /*字體大小*/ font-weight: bold; /*字體加粗*/ text-align: center; /*文字居中*/ line-height: 1.5em; /*行高*/ color: #333; /*文字顏色*/ }
此外,DW還提供了一些常見的樣式模板和交互效果,如響應式布局、網(wǎng)格系統(tǒng)、按鈕樣式等,十分方便實用。不過需要注意的是,過多的樣式可能會影響頁面加載速度和性能,因此要適度使用。
下一篇dw中css樣式在哪里