快乐打码 2022-10-27 23:59 采纳率: 71.4%
浏览 36
已结题

请问我想做成图片上那样，可是为什么不对，跟之前做的不是就差一了一些图片和文字嘛，删了不就行了吗，还是我这样是不对的，要怎么改正


1<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=devic>e-width, initial-scale=1.0">
    
    <title>网页设计软件列表</title>
</head>
<body>
    <h2>网页设计软件列表（单击查看）</h2>
    <hr size="3"color="#5E2D00"width="750px">
    <nav>
        <a href="#news1" class="one">Photoshop软件</a>
        <a href="#news2" class="two">illustrator软件</a>
        <a href="#news3" class="two">Dreamweaver软件</a>
        <a href="#news4" class="two">Fireworks软件</a>
    </nav>
    <hr size="3"color="#5E2D00" width="750px">
</body>
</html>

img

  • 写回答

2条回答 默认 最新

  • 人间小美味695 2022-10-28 07:52
    关注

    flex布局，加左右内边距

    
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=devic>e-width, initial-scale=1.0">

    <title>网页设计软件列表</title>
<style>
  
  nav{
  padding:0 15px;
  display:flex;
  justify-content:space-between;
  
  }
  nav a{
  color:#5E2D00;
  }
</style>
  </head>
  <body>
    <h2>网页设计软件列表（单击查看）</h2>
    <hr size="3" color="#5E2D00">
    <nav>
      <a href="#news1" class="one">Photoshop软件</a>
      <a href="#news2" class="two">illustrator软件</a>
      <a href="#news3" class="two">Dreamweaver软件</a>
      <a href="#news4" class="two">Fireworks软件</a>
    </nav>
    <hr size="3" color="#5E2D00">
  </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 11月5日
  • 已采纳回答 10月28日
  • 创建了问题 10月27日

悬赏问题

  • ¥15 ADS生成的微带线为什么是蓝色空心的
  • ¥15 求一下解题思路，完全不懂
  • ¥15 tensorflow
  • ¥15 densenet网络结构中，特征以cat方式复用后是怎么进行误差回传的
  • ¥15 STM32G471芯片spi设置了8位，总是发送16位
  • ¥15 R语言并行计算beta-NTI中tree文件的类型
  • ¥15 如何解读marsbar导出的ROI数据？
  • ¥20 求友友协助弄一下基于STC89C52单片机的声光控制灯原理图
  • ¥15 arduino双向交通灯设计
  • ¥15 有没有会粒子群算法的大能（○゜ε＾○）求带不会出收敛图😭