网站技术 | 万年历 | IT术语解释 | 在线翻译 | 中国邮政 | Alexa排名查询 | PR 值查询 | 在线代理 | IP地址查询 | 火车票查询 | 颜色选择器 | 常用网页小图标 | 网址导航 |
推荐视频黑客视频 | 安装Windows Vista视频 | 安装Windows XP系统视频教程 | 设置BIOS视频 | 硬盘分区视频 | 经典FLASH动画视频教程 | Photoshop视频教程
推荐工具IP地址查询 手机号查询 身份证查询 | 城市地图 | 火车票查询 | 健康指数 | 中秋祝福 | 许愿树 | 果果爱墙 | QQ爱墙 | 网页素材 | FLASH小游戏 |
  Div+CSS  一行三列和一行多列布局方法 双击自动滚屏  【字体:
Div+CSS  一行三列和一行多列布局方法
电脑知识网为您报时:今天是
分享到:

Div+CSS  一行三列和一行多列布局方法:

<style type="text/css">
.myDiv{ width:300px; border:1px solid #000;border-right:0; height:30px}
.myDiv ul{ width:300px; list-style:none; margin:0; padding:0;height:30px}
.myDiv ul li{ width:100px; float:left; border-right:1px solid #000; height:30px}
.myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:90px}
.myDiv1 ul{ width:300px; list-style:none; margin:0; padding:0; height:90px}
.myDiv1 ul li{ width:300px; float:left; border-bottom:1px solid #000; height:30px}
</style>

 

一行三列
<div class="myDiv">
 <ul>
     <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

一列多行
<div class="myDiv1">
 <ul>
     <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

美女写真

两性知识

幽默搞笑

热门新闻

  
推荐视频:
Windows Vista安装
Windows XP安装
设置BIOS
硬盘分区
经典FLASH动画视频教程
Photoshop视频教程
Dreamweaver视频教程
C语言视频
DOS 视频教程 (黑客入门)
推荐工具:
手机号、身份证、区号查询
城市地图
计算器
火车查询
健康指数查询
许愿树
爱墙祝福
Q爱
flash小游戏
站长工具:
IP查询
PR 值查询
Alexa排名查询
网站运营
百度优化
Google优化
Alexa排名
更多……
网站联盟:
中国学生网(校园类型网站)
第三导航(协助上网)
Flash小游戏(小游戏)
人人健康
七楼科技 (科技)
  • 上一篇源代码:

  • 下一篇源代码:
  • 相关文章
    没有相关源代码

    Copyright 2007-2011 电脑知识网(http://www.diannaozs.com) All rights reserved
    公安局备案:京公网安备110107000134
    信产部备案:京ICP备08100023号