溫馨提示×

html怎么去掉li的點

楓吟
624
2021-03-29 16:43:45
欄目: 編程語言

html怎么去掉li的點

html去掉li點的方法:

1.首先我們可以使用vscode作為代碼編輯器。

html怎么去掉li的點

2.在vscode中新建一個html文件。

html怎么去掉li的點

3.在文件中添加html代碼架構。

<!DOCTYPE html>

<html>

    <head>

        <title>示例</title>

    </head>

    <body>

    </body>

</html>

html怎么去掉li的點

4.在html代碼架構中的body標簽里面使用ul標簽和li標簽創建一個列表。

<ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

    </ul>

html怎么去掉li的點

效果圖:

html怎么去掉li的點

5.再使用style標簽給li添加一個樣式屬性來實現。

<style>

    ul l1i{  

        list-style: none;

    }

</style>

html怎么去掉li的點

6.最后可通過瀏覽器方式運行html文件查看設計效果。

完整示例代碼:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>示例</title>

</head>

<body>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

    </ul>

    <style>

        ul l1i{  

            list-style: none;

        }

    </style>    

</body>

</html>

去掉點后的效果圖:

html怎么去掉li的點


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女