快乐打码 2022-10-28 20:34 采纳率: 69.8%
浏览 25
已结题

想做成图片上的样子,可是做出了怎么感觉有点不对劲,文字好像没有对齐,这要怎么改


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>illustrator</title>
    <style type="text/css">
        body{ margin: 0 auto;
             margin-top: 10px;
             width: 56.25rem;
             height: auto;
             border: 2px solid #ccc;
             border-radius: 12px;
             text-align: center;
             box-shadow: 1px 5px 5px 1px #cccccc;
        }
      span{display: inline-block;
        margin: 1px 15px 5px 15px;
        font-size: 20px;
        }
        p{
            color:#5e2d00;
        }
        strong:hover  {
            color: red;
        }
        a{
            text-decoration: none;
        }
        img{
            border-radius: 11px;
            box-shadow: 1px 5px 5px 5px 1px #cccccc;
        }
        dl{
            margin: 0 auto;
            width: 775px;
            font-size: 23px;
            text-decoration: none;
        }
        dt{
            margin-top: 2px;
            float: left;
        }
    </style>
</head>
<body>
   <a href="pagel.html"><h2>网页设计软件列表(点击查看)</h2></a> 
   <hr width="800px" size="5px" color="black">
   <span>
    <a href="page2.html"><p><strong>Photoshop</strong></p></a>
   </span>
   <span>
    <a href="page3.html"><p><strong>illustrator</strong></p></a>
   </span>
   <span>
    <a href="page4.html"><p><strong>Dreamweaver</strong></p></a>
   </span>
   <span>
    <a href="page5.html"><p><strong>firework</strong></p></a>
   </span>
   <hr width="800px" size="5px" color="black">
   <img src="C:\Users\asus\Desktop\a9c6383ba37286481e43e08ac4ff215.jpg">
   <dl>
    <dt><img src="C:\Users\asus\Desktop\de828a9e8dacf57b2963038fe3287ae.jpg">Illustrator是一种用于出版,多媒体和在线图像的<font size="" color="#FF0000">标准矢量插画</font>的软件。</dt>
    <dt><img src="C:\Users\asus\Desktop\de828a9e8dacf57b2963038fe3287ae.jpg"><font size="" color="#e0ba93"><b>Illustrator广泛应用于</b></font><font size="" color="#5E2D00"><b>印刷出版,海报书籍,</b></font><font size="" color="#e0ba93">专业插画,多媒体图像处理。</font></dt>
    <dt><img src="C:\Users\asus\Desktop\de828a9e8dacf57b2963038fe3287ae.jpg">Illustrator可以为线稿提供较高的精度和控制,简单到复杂的项目都能产生。</dt>
    <dt><img src="C:\Users\asus\Desktop\de828a9e8dacf57b2963038fe3287ae.jpg">根据不完全统计全球大约有37%的界面设计师在使用Illustrator进行设计。</font></dt>
   </dl>
</body>
</html>

img

img

  • 写回答

4条回答 默认 最新

  • 香蕉猪 2022-10-29 01:04
    关注

    body是center对齐方式,为dl再包裹一个div设置left对齐方式

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 11月6日
  • 已采纳回答 10月29日
  • 修改了问题 10月28日
  • 创建了问题 10月28日

悬赏问题

  • ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
  • ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
  • ¥50 opencv4nodejs 如何安装
  • ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
  • ¥15 nginx反向代理获取ip,java获取真实ip
  • ¥15 eda:门禁系统设计
  • ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
  • ¥15 376.1电表主站通信协议下发指令全被否认问题
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
  • ¥15 复杂网络,变滞后传递熵,FDA