当前位置:   article > 正文

html写个元旦快乐代码 背景有星空特效

html星空背景

这是一段简单的 HTML 代码,显示一个 "元旦快乐" 的文字,并在背景中添加星空特效:

  1. <html>
  2. <head>
  3. <style>
  4. body {
  5. background: url("https://i.imgur.com/KO1sC9X.gif") no-repeat center center fixed;
  6. background-size: cover;
  7. }
  8. h1 {
  9. color: white;
  10. text-align: center;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <h1>元旦快乐</h1>
  16. </body>
  17. </html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

其中,我们在 style 标签中定义了一些样式,将背景设置为一个图像并使用 background-size: cover 属性使图像覆盖整个屏幕。此外,我们还设置了文本颜色为白色,并使用 text-align: center 属性将文本居中对齐。

希望这个代码能帮到你!

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号