網頁制作離不開HTML和CSS。HTML是網頁的基礎骨架,CSS則是網頁的樣式美化。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的網頁</title>
<style>
/* CSS樣式 */
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
h1 {
color: #1a1a1a;
text-align: center;
}
p {
color: #666666;
font-size: 18px;
line-height: 1.5em;
}
</style>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是一段演示文章,它由HTML和CSS編寫而成。</p>
</body>
</html>
上述HTML代碼中,我們使用了<title>標簽來定義網頁的標題,同時引入了<style>標簽來定義CSS樣式。
在CSS樣式中,我們設置了整個網頁的背景色為#f5f5f5,字體為Arial或sans-serif。標題使用了居中對齊和#1a1a1a顏色,段落使用了#666666顏色、18像素大小和1.5倍行高。
通過HTML和CSS,我們可以輕松地創建出漂亮的網頁。但是我們還可以通過JavaScript來實現更多的交互效果,例如動態更改CSS樣式或響應用戶行為。
上一篇css+go+舉報外掛
下一篇css 鼠標移到圖片放大