css如何写在页面

CSS是一种层叠样式表语言，它可以用于为网站添加样式和布局。CSS样式可以直接写在网页的HTML代码中，也可以单独写在一个CSS文件中。下面将介绍如何将CSS样式直接写在网页中。

style>
/*样式代码*/h1 {
    color: red;
    font-size: 32px;
}
a {
    text-decoration: none;
}
.btn {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
    /style>
    

通过style> 标签将CSS样式写在网页中，需要注意的是该标签要放在head> 标签中。

上面的代码演示了如何为网页添加样式，包括：

• h1元素字体颜色为红色，字体大小为32px
• a元素去除下划线
• 按钮.btn元素的背景色为#4CAF50，无边框，字体颜色为白色，左右各留出10px的空白

以上只是CSS样式添加的基础，通过CSS框架和库，可以更快速地添加更多的样式和布局，例如Bootstrap和Foundation等。在实际应用中，需要根据网页的需要添加对应的CSS样式来实现更好的视觉效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！