DW程序內嵌樣式表(CSS)定義了一些規格,能夠讓你在設計網站時快速實現樣式效果。
/* 定義鏈接顏色 */ a:link { color: #0000FF; } a:visited { color: #800080; } /* 定義字體 */ body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; } /* 定義背景圖片 */ body { background-image: url("bg.jpg"); background-repeat: repeat; } /* 定義表格樣式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } /* 定義按鈕樣式 */ .button { display: inline-block; border: none; color: white; background-color: #4CAF50; padding: 10px 20px; text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; border-radius: 5px; } /* 定義響應式布局 */ @media screen and (max-width: 600px) { body { font-size: 14px; } .button { font-size: 14px; padding: 8px 16px; } }
上述代碼示例包括了鏈接顏色、字體、背景圖片、表格樣式、按鈕樣式等的定義。另外,還有一個響應式布局的規格定義,使得在不同屏幕寬度下,網站看起來更加美觀、合適。
使用DW程序CSS規格定義,你能夠更快速、便捷地設計出一個優美的網站樣式。