隨著Web技術的不斷發展,CSS語言在網頁設計中扮演了越來越重要的角色,已經成為網頁美化和樣式控制的基礎語言。
body { font-family: Arial, sans-serif; /*字體*/ background-color: #f4f4f4; /*背景色*/ color: #333; /*正文顏色*/ } .header { background-image: url('header.jpg'); /*頭部背景圖片*/ height: 200px; /*頭部高度*/ background-size: cover; /*圖片尺寸自適應*/ padding: 20px; /*內邊距*/ color: #fff; /*頭部文字顏色*/ } .menu { background-color: #222; /*菜單背景色*/ color: #fff; /*菜單文字顏色*/ padding: 10px; /*內邊距*/ text-align: center; /*文字居中*/ } .content { margin: 20px; /*外邊距*/ padding: 20px; /*內邊距*/ } .footer { background-color: #333; /*頁腳背景色*/ color: #fff; /*頁腳文字顏色*/ padding: 10px; /*內邊距*/ text-align: center; /*文字居中*/ }
上述代碼是一個簡單的網頁布局樣式,其中利用CSS語言設置了頁面背景、字體、顏色、邊距等多種樣式屬性,使得網頁更加美觀、易讀、合理排版,極大地增強了用戶體驗。
上一篇紅河州css培訓學院招聘
下一篇純css3 側邊滑動