该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

.header{width:1000px;margin-left:auto;margin-right:auto;padding-top:20px;}

.header a{color:Black;text-decoration:none;}

.header a:hover{text-decoration:underline;}

.nav { clear:both;margin:auto;height:50px;background: url(images/bg.jpg) repeat-x left 90px;

background-color:#72c3f8;

background-image: url(images/bg.gif);background-repeat: repeat;}

.nav ul {margin:0px;padding:0px;height:50px;}

.nav li{list-style-type:none;font-size:14px;color:Black;height:50px;line-height:50px;float:left;}

.nav li a{padding:0px 10px;color:White;text-decoration:none;height:50px;line-height:50px;display:block;}

.nav ul li a:hover{ background: #72c3f8; text-decoration:none;height:50px;line-height:50px; }

.container

{

margin-left:auto;

margin-right:auto;

width:1000px;

}

.banner{margin-top:10px;width:1000px;margin-left:auto;margin-right:auto;}

.leftDiv

{

width:320px;

float:left;

margin-bottom:20px;

}

.middleDiv

{

width:320px;

margin-left:20px;

float:left;

margin-bottom:20px;

}

.rightDiv

{

margin-left:20px;

width:320px;

float:left;

margin-bottom:20px;

}

.margin_top_10

{

margin-top:10px;

}

.listBox

{

width:300px;

padding-left:9px;

padding-right:9px;

height:400px;

border:1px solid Silver;

}

.listBox h2 {font-size:14px;border-bottom:1px solid #cde0ec;display:block;height:30px;line-height:30px;color:Black;margin:0px;padding:0px; }

.listBox a

{

color:Black;

}

.footer

{

clear:both;width:1000px;margin-left:auto;margin-right:auto;font-size:12px;height:30px;border-top:2px solid #0078c6

}

罗治平个人小站

html 个人主页效果实例,html ------个人主页制作示例(div布局)相关推荐

  1. Photoshop效果实例

    1. Photoshop效果实例:制作图片卷页效果 2.Photoshop效果实例:彩色旋风 3.Photoshop效果实例:数字星云 4.Photoshop效果实例:网上美女是这样练成的 5.Pho ...

  2. 【小5聊】使用js+css+div布局方式画一棵圣诞树,带闪烁霓虹灯效果

    虽然jQuery时代已经逐渐退出历史舞台,在拥抱vue的同时,也还是可以用jQuery锻炼下编程思维,毕竟比较灵活. 1.适合基础入门的前端小伙伴 2.适合使用jQuery锻炼实现前端效果小伙伴 3. ...

  3. Div+CSS、鼠标滑过特效、导航栏效果——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作

    HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...

  4. 学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作...

    HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

  5. 学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作

    HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

  6. tomcat内存溢出(修改catalina.bat后windows启动tomcat服务没有效果) | 王猛的个人主页...

    2019独角兽企业重金招聘Python工程师标准>>> tomcat内存溢出(修改catalina.bat后windows启动tomcat服务没有效果) | 王猛的个人主页. 转载于 ...

  7. 软件测试自学毛笔字纹身,ps纹身教程_photoshop给人物添加纹身效果实例制作教程...

    摘要 腾兴网为您分享:photoshop给人物添加纹身效果实例制作教程,智学网,找乐助手,有道英语,易推广等软件知识,以及安卓测试软件,星露谷物语,店宝宝软件,乐播投屏软件,光棍证,查查看,国家工作人 ...

  8. HTML5+CSS大作业——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作

    HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...

  9. HTML+CSS大作业——商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作

    HTML5期末大作业:个人商城网站设计--商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 一.作品展示 二.文件目录 三.代码实现 <!doctype ...

最新文章

  1. 图像空间变换--imtransform
  2. python numpy数组和one-hot编码相互转换
  3. 华为100万部鸿蒙,2019年Q4发布 华为100万部鸿蒙OS手机已开测
  4. laravel配置加解密
  5. VMware ESXi 高危漏洞的补丁被指不完整
  6. Hessian的使用与介绍
  7. 使用python插件将程序打包为exe
  8. 人脸识别常用开源数据集大全
  9. c++如何关闭进程,比如网吧收银系统
  10. 深度残差网络_深度残差收缩网络:借助注意力机制实现特征的软阈值化
  11. BFU数据结构头歌实验:基于BF算法的病毒感染检测
  12. 今天凌晨十二点和明天凌晨十二点的时间戳
  13. mysql数据设置有效期_zabbix管理六之数据有效期设置
  14. win10+yolov5尝鲜体验
  15. VPS融合怪测评脚本(主体已完善,历史遗留问题解决时间未知)(VPS fusion monster evaluation script)
  16. Panic的概念和使用
  17. 【neutron源码分析】neutron-server启动流程分析
  18. 《Composing Programs》学习笔记(1.1)开始(关键词:软件工程/抽象/函数)
  19. 乐高拉力机器人图纸_乐高MOC图纸分享:乐高MINI机器人制作教程(图文版)
  20. Python爬虫获取基金持仓股票数据

热门文章

  1. 单向TSP问题(Uva 116)
  2. 常用的vim良好插件
  3. 手游公司为什么加班?给员工和管理者的建议
  4. 混合特征目标选择用于基于BCI的二维光标控制
  5. Java的并行与并发
  6. 主成分分析:PCA的思想及鸢尾花实例实现
  7. 基于FPGA的串口传图SRAM缓存VGA显示
  8. Linux-实现与Windows相互复制粘贴功能
  9. Office_Word的学习
  10. 万字长文:Kubernetes 创建 Pod 时,背后到底发生了什么?