CSS外墻是網頁設計中非常重要的一部分。它可以用來控制網頁元素的外觀和布局,使網頁更加美觀和易于閱讀。下面是一些使用CSS進行外墻設計的示例代碼。
/* 設置背景顏色和字體顏色 */ body { background-color: #F5F5F5; color: #333; } /* 設置標題樣式 */ h1 { font-size: 36px; font-weight: bold; text-align: center; margin-top: 50px; } /* 設置按鈕樣式 */ .button { display: inline-block; padding: 10px 20px; border-radius: 5px; background-color: #F44336; color: #FFF; text-decoration: none; font-size: 18px; text-align: center; cursor: pointer; } /* 設置鏈接樣式 */ a { color: #007ACC; text-decoration: none; } a:hover { text-decoration: underline; }
通過這些CSS代碼,我們可以設置網頁的背景顏色、字體顏色、標題樣式、按鈕樣式和鏈接樣式。使用CSS外墻可以讓網頁看起來更加美觀,使用戶更加愉悅地瀏覽網頁。
下一篇css外框命名