首页前端开发HTMLhtml代码制作qq头像

html代码制作qq头像

时间2023-11-14 16:59:03发布访客分类HTML浏览458
导读:如果你想制作自己的QQ头像,HTML代码是一个很好的选择。以下是一些步骤。// step 1: 准备一个基础网页 <html> <head> <title>我的QQ头像</title>...

如果你想制作自己的QQ头像,HTML代码是一个很好的选择。以下是一些步骤。

// step 1: 准备一个基础网页 html>
      head>
        title>
    我的QQ头像/title>
      /head>
      body>
      /body>
    /html>
    // step 2:添加图片body>
      img src="my-avatar.jpg" alt="我的头像" height="100" width="100">
    /body>
    // step 3: 添加文本描述body>
      img src="my-avatar.jpg" alt="我的头像" height="100" width="100">
      p>
    这是我的QQ头像/p>
    /body>
    // step 4:添加样式style>
  img {
        border-radius: 50%;
        box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5);
  }
  p {
        text-align: center;
  }
    /style>
    // step 5:完成html>
      head>
        title>
    我的QQ头像/title>
         style>
      img {
            border-radius: 50%;
            box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5);
      }
      p {
            text-align: center;
      }
        /style>
      /head>
      body>
        img src="my-avatar.jpg" alt="我的头像" height="100" width="100">
        p>
    这是我的QQ头像/p>
      /body>
    /html>
    

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


若转载请注明出处: html代码制作qq头像
本文地址: https://pptw.com/jishu/539106.html
html代码分屏预览 css弹出式菜单栏

游客 回复需填写必要信息