html ul li在div里圆点靠左对齐
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css"> .c1{ width:427px; height:220px; border:1px solid; margin:167px auto ; } .c2{ width:400px; height:25px; border:0px solid; position:absolute; left:441px; top:172px; background: url("images/t.png") no-repeat right; } .c21{ width:200px; height:25px; border:0px solid; position:absolute; left:441px; top:172px; background: url("images/t.png") no-repeat -0px -0px; font-weight: bold; font-size: small; padding-top:5px; padding-left:3px; }
.c3{ width:400px; height:175px; position:absolute; left:441px; top:201px; border:0px solid; background-color:yellow; } .c3 ul{ padding:0px; margin:0px; }
.c3 li{ color:blue; list-style-image: url('images/li.gif'); background-image: url("images/d.gif"); background-repeat: repeat-x; padding:0px; margin:0px; }
</style></head><body> <div class="c1"></div> <div class="c2"></div> <div class="c21">新闻热点</div> <div class="c3"> <ul > <li>aaaaaaaaaaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> </ul> </div>
</body>
</html>
我用的是background-image再加上repeat-x做的 我的问题解决了，把黑点放到background-position的bottom即可，多谢了 展开
.c3{ width:400px; height:175px; position:absolute; left:441px; top:201px; border:0px solid; background-color:yellow; } .c3 ul{ padding:0px; margin:0px; }
.c3 li{ color:blue; list-style-image: url('images/li.gif'); background-image: url("images/d.gif"); background-repeat: repeat-x; padding:0px; margin:0px; }
</style></head><body> <div class="c1"></div> <div class="c2"></div> <div class="c21">新闻热点</div> <div class="c3"> <ul > <li>aaaaaaaaaaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> <li>aaaaaa</li> </ul> </div>
</body>
</html>
我用的是background-image再加上repeat-x做的 我的问题解决了，把黑点放到background-position的bottom即可，多谢了 展开
2个回答
展开全部
因为你还没有学会怎么用文档流，写样式一般很少用绝对层的（就是 position:absolute;）如果没有父级元素约束用这个很容易让页面走形~再去看看DIV+CSS吧~我给你改了你也不明白的~要学会DIV+CSS的嵌套~
更多追问追答
追问
只是单纯做个小作业，想让div放到中间，我通过修改css里的ul里的padding-left属性达到如图
追答
那你想问什么问题啊？现在不是已经在左侧了嘛？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
