html 编写个人主页,html ------个人主页制作示例(div布局)
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
.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布局)相关推荐
- mapreduce编程实例python-Python编写MapReduce作业的简单示例
这篇文章主要为大家详细介绍了Python编写MapReduce作业的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看 ...
- 如何使用html和css,如何使用html和css制作这个div?
这是我必须制作的div的图像,但我不知道如何制作它 我到现在为止一直试过这个 .rr > div { text-align: center; } .rr { position: relative ...
- div布局、table布局、flex布局、多列布局、网格布局 示例
目录 基础代码 demo.html css/common.css div实用布局示例 代码 效果图 table布局 代码 效果图 flex布局 代码 效果图 多列布局 代码 效果图 网格布局 代码 效 ...
- HTML5期末大作业:生活服务网站设计——生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:生活服务网站设计--生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...
- HTML5期末大作业:仿英雄联盟网站设计——仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:仿英雄联盟网站设计--仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 ...
- python抽奖代码_python编写实现抽奖器代码示例
本篇文章小编给大家分享一下python编写实现抽奖器代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. # coding=utf-8 import ...
- HTML+CSS静态页面网页设计作业——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业:布偶猫网站设计——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业:食品超市网站设计——食品超市-功能齐全(31页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:食品超市网站设计--食品超市-功能齐全(31页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个 ...
- 编写程序实现比萨制作。需求说明编写程序,接收用户输入的信息,选择需要制作的比萨。可供选择的比萨有:培根比萨和海鲜比萨。
面向对象继承封装多态经典案例: 编写程序实现比萨制作.需求说明编写程序,接收用户输入的信息,选择需要制作的比萨.可供选择的比萨有:培根比萨和海鲜比萨. 实现思路及关键代码 1)分析培根比萨和海鲜比萨 ...
最新文章
- python中如何生成项目帮助文档
- 最难学的十大编程语言,C++排第二,它竟是第一名!不服
- 用Python绘制折线图(下)
- 南阳oj 韩信点兵
- Pycharm打开已有项目配置python环境
- 【渝粤教育】 国家开放大学2020年春季 1132卫生管理 参考试题
- 【数据库设计及SQL代码实现】英皇电影院电影管理系统
- [敏捷开发培训] Scrum 和 Kanban
- 【转载精品】Web Service到底是什么?
- CVPR2022 Oral:StreamYOLO-流感知实时检测器
- HSSFSheet设置Excel打印区 横向打印
- Google Play In-app Billing
- 2021综述:一般目标检测中的遮挡处理
- 如何成为一名好的程序员[转]
- JS实现,利用两个下拉菜单,选择省份与对应城市
- 传智播客_急先锋_html、css、js_郝强勇老师
- JavaScript 获取一元素的所有子元素
- 重新认识java(十一)---- java中的数组
- Faster_R_CNN源码详细解析
- vue3写个超级简单的音乐网站,保姆级教程