今天,我們將學習如何創建一個簡單的界面樣式,使用CSS。CSS是用于創建網站的樣式表語言,它可控制網站的外觀和格式。下面是一個簡單的CSS樣式代碼,可以讓您在創建網站時更方便地調整文件的外觀和格式。
<html> <head> <title>網站標題</title> <style> /* 將頁面背景色設置為灰色 */ body { background-color: #f2f2f2; } /*設置標題字體樣式*/ h1 { color: #333; text-align: center; font-size: 24px; font-family: Arial, serif; text-shadow: 2px 2px #ddd; margin-top: 40px; } /* 設置段落的字體樣式,顏色和大小*/ p { color: #666; font-size: 16px; font-family: Arial, serif; line-height: 1.5em; margin: 20px; } /* 設置鏈接顏色,鼠標懸停時的顏色,還有下劃線*/ a { color: #337ab7; text-decoration: none; border-bottom: 1px dotted #337ab7; } a:hover { color: #23527c; border-bottom: 1px solid #23527c; } </style> </head> <body> <h1>歡迎光臨我們的網站</h1> <p>這是一個測試網站,用于展示如何創建CSS樣式表。</p> <p>如果您對我們的服務有任何疑問,請訪問我們的<a href="#">聯系頁面</a>。</p> </body> </html>
上面的CSS代碼,為您的網站增加了背景色,標題字體樣式,段落字體樣式,鏈接顏色和鼠標懸停時的顏色。在編寫CSS代碼時,請使用備注來描述您正在做的內容,以幫助您和其他人了解代碼的功能。