HTML 炫酷黑背景代碼
body { background-color: #000000; /* 設置頁面背景顏色為黑色 */ color: #FFFFFF; /* 設置文字顏色為白色 */ font-family: Arial, sans-serif; /* 設置字體為 Arial 及其類似字體 */ } a { color: #FFA500; /* 設置鏈接文字顏色為橙色 */ text-decoration: none; /* 去除鏈接下劃線 */ } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; /* 設置標題顏色為白色 */ font-family: Arial, sans-serif; /* 設置字體為 Arial 及其類似字體 */ } .container { width: 80%; /* 設置容器寬度為 80% */ margin: 0 auto; /* 水平居中 */ } .box { background-color: #333333; /* 設置盒子背景顏色為深灰色 */ color: #FFFFFF; /* 設置文字顏色為白色 */ padding: 20px; /* 設置內邊距為 20px */ margin-bottom: 20px; /* 設置下邊距為 20px */ } .btn { background-color: #FFA500; /* 設置按鈕背景顏色為橙色 */ color: #FFFFFF; /* 設置文字顏色為白色 */ padding: 10px 20px; /* 設置內邊距為 10px 上下,20px 左右 */ border: none; /* 去除邊框 */ border-radius: 5px; /* 設置圓角為 5px */ cursor: pointer; /* 設置鼠標指針為手型 */ } .btn:hover { background-color: #FFFFFF; /* 鼠標懸停時設置背景顏色為白色 */ color: #333333; /* 鼠標懸停時設置文字顏色為深灰色 */ }
以上是一套炫酷黑背景的 HTML 代碼,通過設置頁面背景顏色為黑色、文字顏色為白色、以及各種元素的樣式,打造出一個簡潔、大方的網頁界面。
上一篇css 字間距怎么設置
下一篇css 三欄目