css好看的字体样式6

CSS 好看的字体样式6

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

body {
  font-family: 'Montserrat',sans-serif;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

p {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

a {
  color: #004d87;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #0072c6;
}

button {
  border: none;
  border-radius: 5px;
  background-color: #004d87;
  color: #fff;
  padding: 0.8rem 1.5rem;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #0072c6;
}

如果你正在寻找一种好看的 CSS 字体样式，那么 Montserrat 可以成为你的首选。Montserrat 是一种比较现代的无衬线字体，它的字母形状非常美观，使它成为 Web 设计师的不二之选。

在该代码段中，我们用了 Montserrat 字体作为页面的默认字体。我们针对不同的元素（如标题、段落、链接、按钮）定义了不同的样式，使整个页面看起来更具有层次感。特别的，我们在 h1 上使用了一种非常现代的效果，通过字母间距、字号、粗细和大小写文字转换，突出了标题的重要性。

此外，我们还为链接和按钮定义了悬停样式，它们在鼠标悬停时会呈现更加明亮的颜色，突出了它们的可点击性。按钮还有圆角边框和平滑的背景色过渡效果，使得用户更容易理解它们的功能。

总的来说，这段代码可以使你的网站呈现出一种现代美观的样式，非常适合那些注重视觉效果的网站设计。你可以根据自己的需要对它们进行修改，指导你实现自己的设计效果。