欢迎来访好站网,优质网站模板提供商!

您现在的位置: 首页>>建站教程>>模块插件

html炫酷黑页代码

来源:本站 发布时间:2023-10-25热度:1708 ℃
以下是一个简单的HTML炫酷黑页代码示例:```html<!DOCTYPE html><html><head> <title>炫酷黑页</titl···

以下是一个简单的HTML炫酷黑页代码示例:


```html

<!DOCTYPE html>

<html>

<head>

  <title>炫酷黑页</title>

  <style>

    body {

      background-color: #000;

      color: #fff;

      font-family: Arial, sans-serif;

      text-align: center;

      padding: 100px;

    }


    h1 {

      font-size: 48px;

      margin-bottom: 50px;

    }


    p {

      font-size: 24px;

      line-height: 1.5;

      margin-bottom: 30px;

    }


    a {

      color: #fff;

    }


    a:hover {

      color: #ff0;

    }

  </style>

</head>

<body>

  <h1>炫酷黑页</h1>

  <p>这是一个炫酷的黑色页面示例。你可以根据自己的需求来添加内容和样式。</p>

  <p>欢迎访问我的<a href="https://www.jdzjdz.cn">网站源码站</a>了解更多。</p>

</body>

</html>

```


这个代码示例使用黑色作为背景颜色,并使用白色作为文字颜色。标题使用了大号字体,段落使用了较小的字体,并设置了行高。链接设置了白色的默认颜色,并在鼠标悬停时改变颜色为黄色。你可以根据需要调整字体大小、间距和颜色等样式属性。