不用div怎样做出这个效果来??

谢谢... 谢谢 展开
 我来答
mezy
2013-07-26 · TA获得超过721个赞
知道小有建树答主
回答量:118
采纳率:0%
帮助的人:104万
展开全部
  • 你好,其实虽然说现在都是提倡、流行 div+css 布局,但是不要把div神话,到处都用div,这是不对的,我们要根据不同的页面需求选取不同的标签使用,像你图上的完全就可以用ul li来实现

  • 要记得活学活用,了解每一个标签的属性,尤其要区分好每个标签是 块级元素(block) 还是 行间元素(行间元素也好多叫法,比如内联元素、行内元素等等,都是一个意思,inline)

  • 下面看代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>红黄蓝</title>
<style>
.bgUl {
list-style: none;
}
.bgRed {
background: red;
}
.bgYellow {
background: yellow;
}
.bgBlue {
background: blue;
}
</style>
</head>
<body>

<ul class="bgUl">
<li class="bgRed">第一条</li>
<li class="bgYellow">第二条</li>
<li class="bgBlue">第三条</li>
</ul>

</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
1053680987
2013-07-21 · TA获得超过897个赞
知道小有建树答主
回答量:1959
采纳率:0%
帮助的人:1306万
展开全部


<ul style="list-style:none;padding:0;margin:0;">
    <li style="background:red;">一</li>
    <li style="background:yellow;">二</li>
    <li style="background:blue;">三</li>
</ul>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
浮烟无悔
2013-07-21
知道答主
回答量:10
采纳率:0%
帮助的人:6万
展开全部
直接用html就可以了,用table或者ul试试
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
rendongjuan
2013-07-21
知道答主
回答量:3
采纳率:0%
帮助的人:2.7万
展开全部
用<p></p> 或者<span></span> 等 然后给他们样式就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式