精美而实用的网站，关注web编程技术、网站运营、SEO推广，让您轻松愉快的学习

本例是最简单的：div+css简单文字链接列表范例，是文字列表里最简单的一种布局，用于div+css初学者学习参考。

div+css简单文字链接列表运行效果图

div+css简单文字链接列表HTML代码

<ul class="m-list">
    <li><a href="#">列表项文字</a></li>
    <li><a href="#">列表项文字或链接</a></li>
    <li><a href="#">列表项文字</a></li>
    <li><a href="#">列表项列表项列表项文字</a></li>
</ul>

div+css简单文字链接列表CSS代码

/* 简易文字链接列表 */
.m-list{line-height:25px;}
.m-list a,.m-list a:hover{text-decoration:none;color:#777;}

在线Demo预览

Tags：DIV+CSS HTML CSS