dw中如何创建ul和li并且使用_CSS学习

资料来源：网络整理时间：2023/3/4 2:37:30 共计：3626 浏览

dw中如何创建ul和li并且使用？

1、在dw的body中创建div 然后在div中添加<div class="myul"><ul><li></li></ul></div>并且直接加入了class。

2、一般li都是多个成对出现，并且在li中添加想要显示的信息<div class="myul"><ul><li>项目1</li><li>项目2</li><li>项目3</li><li>项目4</li><li>项目5</li></ul></div>。

3、现在要给外边的div加上边框，边框颜色，以及宽和高，更能明显的看出li的变化 .myul{ width:300px; height:300px; border:1px solid #000;}。

4、给li 加上样式，距离，颜色.myul ul{ width:300px; height:300px;} .myul ul li{ width:300px; height:15%; color:#FF0000; font-family:"宋体"; font-size:14px;}。

5、下掉每项文本前的圆点，是文本向左侧靠拢.myul ul{ width:290px; height:300px; list-style:none; padding-left:10px;}。

6、使项目都成为横排排列如网站栏目，调整样式中li的宽度，设置每项都向左浮动width:20%; float:left; text-align:center。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。