CSS 网页布局排版实例

ttx9n · 发表于 2010-8-8 21:10:45

CSS实现的多列排版布局实例，学习div+css布局的朋友可以参考下。代码如下：

<html> 
<head> 
<style type="text/css"> 
 
</style> 
<title>CSS排版</title><body> 
<div id="container"> 
<div id="banner">banner</div> 
<div id="content"> 
<div class="blog"> 
<div class="date">date</div> 
<div class="blogcontent"> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
content content content content content content content content content content<br> 
</div> 
</div> 
<div class="others">others</div> 
</div> 
<div id="links"> 
<div class="calendarhead">links<br>links<br>links<br>links</div> 
<div class="calendartable">links<br>links<br>links<br>links</div> 
<div class="side">links<br>links<br>links<br>links</div> 
<div class="syndicate">links<br>links<br>links<br>links</div> 
<div class="friends">links<br>links<br>links<br>links</div> 
</div> 
<div id="footer">footer</div> 
</div> 
</body> 
</html>

提示：您可以先修改部分代码再运行

uj9lpc · 发表于 2022-8-21 12:12:03

建军节建军节建军节建军节

locopy · 发表于 2023-1-8 23:51:19

收下来看看怎么样

平平安安 · 发表于 2023-2-27 09:10:48

快更新啊，我擦

6q8s6p21 · 发表于 2023-4-10 10:18:44

了乐趣了去了去了去了去了

uj9lpc · 发表于 2023-8-21 12:43:48

女生看了弄丢了卡萨诺的卡洛斯

j__j33p · 发表于 2023-8-21 13:38:19

呵呵呵呵呵呵呵a

64000928 · 发表于 2023-10-23 13:39:38

搞个免费的用用

黑白键 · 发表于 2024-3-12 03:18:15

强烈支持楼主ing……

locopy · 发表于 2024-4-7 22:11:17

。。。。。。。。。。。。。。。

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS 网页布局排版实例

相关帖子