html 列表

<!DOCTYPE html>

<html>

<head>

<meta charset="uft-8">

<title>chi</title>

</head>

<body>

    <ul>無序標籤

      <li>shibu</li>

      <li>bushi</li>

      <li>douxing</li>

    </ul>

    <ol>有序標籤

      <li>shibu</li>

      <li>bushi</li>

      <li>douxing</li>

    </ol>

</body>

</html>

<ul>和<ol>區別

wKioL1f_O6GRY2nSAAARiAfyV1A307.png-wh_50


<!DOCTYPE html>

<html>

<head>

<meta charset="uft-8">

<title>都行</title>

<style>

ul{

     list-style:none;去掉列表的默認樣式)(ol一樣)

 }

li{

   width:100px; /*寬度 */

          height:50px; /*高度 */

          background:red; /* 背景色 */

          float:left;  /* 浮動 */

          margin-right:5px; /*右邊距 */

          text-align:center; /* 文字左右居中 */

          line-height:50px;  /* 文字垂直居中*/

    }

    </style>

</head>

<body>

<ul>

<li>shibu</li>

<li>bushi</li>

<li>douxing</li>

</ul>

</body>

</html>

wKioL1f_PKPjznW6AAAX8wFq8EM187.png-wh_50

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章