快乐打码 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 求帮我调试一下freefem代码
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图