<div class="cright2">
<ul>
<li><a href="#">彩加XXXX</a></li>
<li><a href="#">彩妆XXXX</a></li>
</ul>
</div>
css样式如下：
.cright2{width:180pxmargin:0 autoheight:215px}
.cright2 li{ background:url(../images/list1.jpg) no-repeat 0px 5pxpadding-left:25pxwidth:180pxfloat:leftheight:23pxline-height:23pxoverflow:hiddenfont-size:14px}
自己参考下，这个还是比较简单的哦！
这个li在各浏览器中的样式是不兼容的。
建议用图片来代替
上面图片是用CSS渲染的
<style type="text/css">
<!--
li {
list-style-type: square
}
-->
</style>
＝＝＝＝＝＝＝＝＝＝＝
如果用图片来做的话，就一样大了。
格式如下
list-style-image: url(gif图片链接地址)
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。
扩展资料
html的结构
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,
它是文件的开头而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
参考资料来源 百度百科-html
