南京北大青鸟

全国咨询电话:15195455103

三分钟了解北大青鸟
当前位置:南京北大青鸟 > 学习园地 > 编程技巧

DIV+CSS入门之DIV分栏代码

来源:未知      作者:IT教育      发布时间:2012-03-09 15:43:59

DIV+CSS入门之DIV分栏代码 三栏代码,宽度可以根据自己所需数值自定义
DIV+CSS入门之DIV分栏代码 三栏代码,宽度可以根据自己所需数值自定义

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>DIV+CSS入门之DIV分栏代码</title> 
<style type="text/css"> 
#layer {height: auto;width: 890px;} 
#left {float: left;height: auto;width: 215px;background-color:#DAF4FE;} 
#conter {float: left;height: auto;width: 460px;background-color:#FDF1C1;} 
#right {float: left;height: auto;width: 215;background-color: #DBFECF;} 
</style> 
</head> 
<body> 
    <div id="layer" align="center"> 
    <div id="left" align="center">DIV+CSS入门之DIV分栏代码宽度为215</div> 
    <div id="conter" align="center">DIV+CSS入门之DIV分栏代码宽度为465</div> 
    <div id="right" align="center">DIV+CSS入门之DIV分栏代码宽度为215</div> 
    </div> 
</body> 
</html> 

分享到:

相关阅读:

近期文章

抢试听名额

名额仅剩66名

教育改变生活

WE CHANGE LIVES