近年來,越來越多網站開始運用黑色作為主題顏色。黑色在設計中也越發變得流行,它不僅具有高級感和神秘感,還能凸顯出其他顏色和元素的顯眼程度,使整個頁面風格更加清新,具有冷靜的技術感和簡約大氣的美感,因此黑色網站已經成為設計師們的首選。
/*CSS代碼示例*/ body { background-color: #000; color: #fff; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } a { color: #fff; text-decoration: none; } .container { width: 90%; margin: 0 auto; } .header { background-color: #000; height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0 10%; } .logo { width: 50%; } .menu { width: 50%; display: flex; justify-content: flex-end; } .menu a { margin-left: 40px; font-weight: bold; } .banner { height: 500px; background-image: url("banner.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; } .section { height: 500px; display: flex; justify-content: center; align-items: center; } .section h2 { font-size: 36px; margin-bottom: 20px; } .section p { font-size: 20px; line-height: 1.6; } .footer { height: 120px; background-color: #000; display: flex; justify-content: center; align-items: center; } .footer p { font-size: 14px; color: #fff; }
以上是一份典型的黑色網站的CSS代碼示例,無論是背景顏色、字體顏色、容器與盒子的樣式,還是布局排版等都充滿了黑色的精髓,帶有濃烈的現代感和科技感,讓訪問者感受到視覺上強烈的設計感。但同時,要注意黑色網站的文字等對比度問題,如果不夠明顯,則會影響用戶的體驗。
上一篇css制作帶三角形的按鈕
下一篇ajax在vue