快乐打码 2022-10-28 20:34 采纳率: 71.4%
浏览 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日

悬赏问题

  • ¥15 winform的chart曲线生成时有凸起
  • ¥15 msix packaging tool打包问题
  • ¥15 finalshell节点的搭建代码和那个端口代码教程
  • ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
  • ¥15 Centos / PETSc / PETGEM
  • ¥15 centos7.9 IPv6端口telnet和端口监控问题
  • ¥120 计算机网络的新校区组网设计
  • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 海浪数据 南海地区海况数据,波浪数据