制作新闻列表前的序号

LM10-01

于 2017-09-14 14:56:59 发布

阅读量519

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 html css

本文链接：https://blog.youkuaiyun.com/lilingmei000/article/details/77980504

本文介绍了如何在前端开发中使用HTML和CSS创建新闻列表的序号样式。通过CSS控制，可以轻松定制序号的外观，实现网页列表的美化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在新闻网页中，列表前序号的制作很常见。主要是利用css控制样式即可：

HTML代码：

<section id="huodong_b">
    <ul>
        <li><a href="content.html">这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题</a></li>
        <li><a href="content.html">这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题</a></li>
        <li><a href="content.html">这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题</a></li>
        <li><a href="content.html">这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题这里是很长很长的新闻标题</a></li>
        <li><a