今天给大家分享一款简约风格的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文件中就可以了。希望大家喜欢,并用它打造自己喜欢的网站!