当先锋百科网

首页 1 2 3 4 5 6 7

今天给大家分享一款简约风格的CSS样式模板,让我们的网站更美观优雅。该模板采用了简单的颜色和现代的排版方式,让页面更加清爽。

/* 简约风格CSS样式模板 */
body {
font-family: 'Helvetica Neue', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: #333;
background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 300;
}
h1 {
font-size: 3rem;
line-height: 1.2;
letter-spacing: -0.1rem;
}
h2 {
font-size: 2rem;
line-height: 1.25;
letter-spacing: -0.1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
img {
vertical-align: middle;
border-style: none;
}

以上就是我们的CSS样式模板,使用起来非常简单方便,只需要将代码复制粘贴到你的CSS文件中就可以了。希望大家喜欢,并用它打造自己喜欢的网站!