html代码实例css样式

HTML代码可以通过CSS样式来进行美化，让网页更加美观。下面是一个HTML代码实例以及相应的CSS样式。

!DOCTYPE html>
    html>
    head>
    title>
    HTML代码实例/title>
    style>
body {
      background-color: #e8eaed;
      font-family: Arial, sans-serif;
}
h1 {
      color: #3c3d41;
      text-align: center;
}
p {
      font-size: 18px;
      line-height: 1.5;
      color: #747678;
}
a {
      color: #0077c0;
      text-decoration: none;
}
a:hover {
      text-decoration: underline;
}
img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
}
    /style>
    /head>
    body>
    h1>
    HTML代码实例/h1>
    p>
    这是一段HTML代码的示例，包含了不同的HTML元素及其相应的CSS样式。/p>
    p>
    这是一个a href="http://www.example.com">
    链接/a>
    ，如果你将鼠标悬停在上面，会发现它会变成带有下划线的蓝色字体。/p>
    p>
    下面是一张图片：/p>
    img src="example.jpg">
    /body>
    /html>
    

上面的CSS样式中，我们为不同的HTML元素设置了不同的样式。其中，我们通过选择器来选择了body、h1、p、a、a:hover以及img这些元素，并为它们分别设置了不同的样式。

通过CSS样式，我们可以让HTML代码更加美观，提升网页的用户体验。

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