HTML个人主页

小狗无语

于 2019-12-24 16:52:43 发布

阅读量5.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/qq_43922013/article/details/103685688

这篇博客介绍了作者初次尝试使用HTML制作个人主页的过程，内容简单但包含了基本的网页元素。作者提到了使用embed标签来添加背景音乐，尽管页面设计尚显简陋，但对于初学者来说是一个良好的起点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head>
    <meta charset="UTF-8">
    <title>欢迎来到小田的快乐星球</title>
  <style type="text/css">
    .menu {
      width: 694px;
      height: 50px;
      /*设置元素水平居中*/
      margin: 50px auto 0;
      /*去除内联元素间隙*/
      font-size: 0;
      /*去掉ul自带的.格式*/
      list-style: none;
      padding: 0;
    }
    .menu li{
      /*将元素转换为行内块元素*/
      display:inline-block;
      width:98px;
      height:48px;
      border:1px solid gold;/*实心框*/
      font-size:16px;
      /*将边框合并*/
      margin-right:-1px;
      text-align:center;
      line-height:48px;
    }
    .menu a{
      color:pink;
      /*去掉a元素的下划线*/
      text-decoration: none;
    }
    /*鼠标位于元素位置时改变元素样式*/
    .menu li:hover{
      background-color: orange;
    }
    .menu a:hover{
      color:#fff;
    }
   h2{align-content: space-between}
  </style>
  </head>
  <body background="blue.jpg">
 <marquee>
<font face="宋体" size="7" color="#996699"><em>please be happy.