黑白 CSS,是一種網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格,它只使用黑與白兩種顏色來(lái)搭配網(wǎng)頁(yè)上的元素,使網(wǎng)頁(yè)看起來(lái)簡(jiǎn)潔卻不失高雅。以下是一些黑白 CSS 的經(jīng)典樣式:
/* -----------------經(jīng)典黑白網(wǎng)頁(yè)----------------- */ /* Body 全局樣式 */ body { background-color: #000; color: #fff; font-size: 16px; } /* 標(biāo)題樣式 */ h1, h2, h3 { color: #fff; text-shadow: 1px 1px #000; } /* 導(dǎo)航菜單樣式 */ .navbar { background-color: #000; color: #fff; width: 100%; height: 50px; position: fixed; top: 0; left: 0; } /* 內(nèi)容區(qū)域樣式 */ .content { margin-top: 50px; } /* 鏈接樣式 */ a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; transition: all 0.3s ease-in-out; } a:hover { color: #000; background-color: #fff; }
以上代碼僅為示范,可以根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的需求進(jìn)行修改。黑白 CSS 不僅適用于極簡(jiǎn)的設(shè)計(jì)風(fēng)格,也適用于一些特殊的場(chǎng)合,如黑客、黑色幽默等等,它們都可以用黑白 CSS 來(lái)表達(dá)視覺(jué)效果。