html 背景与字体采用护眼模式黑暗模式样式如何写。body div class=nav h1站内导航h1 divbodyhtml
<style>
body {
background-color: #f2f2f2; /* 护眼模式背景色 */
color: #333; /* 护眼模式字体颜色 */
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333; /* 黑暗模式背景色 */
color: #f2f2f2; /* 黑暗模式字体颜色 */
}
}
.nav {
background-color: #fff; /* 护眼模式导航栏背景色 */
color: #333; /* 护眼模式导航栏字体颜色 */
}
@media (prefers-color-scheme: dark) {
.nav {
background-color: #333; /* 黑暗模式导航栏背景色 */
color: #f2f2f2; /* 黑暗模式导航栏字体颜色 */
}
}
</style>
<body>
<div class="nav">
<h1>站内导航</h1>
</div>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/cxbT 著作权归作者所有。请勿转载和采集!