快乐打码 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日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度