2-3编程练习求解,本人是用无序列表标签写的,但是不会调每个词之间的间距,请问怎么解决?

2-3编程练习求解,本人是用无序列表标签写的,但是不会调每个词之间的间距,请问怎么解决?

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    *{

        margin:0;

        padding:0;

        font-family: "微软雅黑";

        

    }

    .one{

        max-width:1100px;

        height:100px;

        background: black;

        position:relative;

        margin:0 auto;

    }

    ul li{

    display: inline;

    color: white;

    font-size: 20px;

}

    .three{

    width: 800px;

    height: 100px;

    background: black;

    position:absolute;

    top:0px;

    left: 300px;

    line-height: 100px;

    text-align: center;

    }

  </style>

</head>

<body>

  <!-- 此处写代码 -->

  <div class="one">

      <div class="two">

          <img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png">

      </div>

      <div class="three">

          <ul>

              <li>课程</li>

              <li>职业路径</li>

              <li>实践</li>

              <li>猿问</li>

              <li>手记</li>

          </ul>

      </div>

  </div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

可以使用padding值撑开。即:

ul li{
    padding:0 10px;
}

间距大小可以通过修改数值进行调整,希望可以帮到你!


  • 相识相知0 提问者 #1
    请问还可以通过什么标签做导航栏?我看到有人用<div>,如果按正式制作网页,一般用什么标签做导航栏?
    2017-06-12 12:07:20
Miss路 2017-06-12 17:19:24

做导航的还可以有nav标签,这个是html5新增的,li也可以,div也行,任何一种方法都可以,不要太纠结这个,编码是灵活的。只要有css写什么标签都可以控制。祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师