clwn.net
当前位置:首页 >> DivCss经典实例代码 >>

DivCss经典实例代码

网上流传的,我觉得很经典了,你可以看原地址更清楚些. CSS常用布局实例 一列 单行一列 body { margin: 0px; padding: 0px; text-align: center; } #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 两行一列 body {

楼上的也太复杂了,什么都贴出来了? 页面代码<div class="content"> <div class="left"></div> <div class="mid"></div> <div class="right"></div></div> css文件.content{ width:800px; magin:0 auto; }.left{ float:left;}.mid{ float:left}.right{ float:left}

建议你看下<超越CSS>这本书 或者找一些大一点网站察看下他们的代码结构 特别是找一些国外的站点会更有帮助

<div class="box"> <div class="left"> <ul> <li>1</li> <li class="mar_top_8">1</li> <li class="mar_top_8">1</li> <li class="mar_top_8">1</li> <li class="mar_top_8">1</li> <li class="mar_top_8">1</li> <li class="mar_top_8

<link href="css文件路径" rel="stylesheet" type="text/css" /> 外部样式

<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>ul,li{list-style: none;text-align: center;padding: 0;margin: 0;}li{padding: 10px;}ul{position: fixed;top: 60px;left: 10px;background: #ccc;border-radius:

<div style:"font-size: 24px;">css div布局实例</div>

<div class="cz"> <div class="img"><a hrer="#"><img src="图片路径"></a></div> <dl> <dt><a href="#">账户充值</a></dt> <dd>快捷方便,充值24小时网上在线充值</dd> </dl></div><style>*{ margin:0px; padding:0px;}.cz{ width:200

常用的HTML代码: http://hi.baidu.com/%CD%C3%BB%F9%CB%B9/blog/item/c1c59d2a9fb1dc2cd52af143.html

你的意思是想把你绿的那导航排一排吧!你那个是图片导航吧!代码如下:<style type="text/css">.aa{width:180px}.aa a{display:block;mackground-image:(图片背景地址);width:90px;line-height:30px;float:left;color:#ff0000}.aa a:hover{color:

网站首页 | 网站地图
All rights reserved Powered by www.clwn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com