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布局)相关推荐
- Photoshop效果实例
1. Photoshop效果实例:制作图片卷页效果 2.Photoshop效果实例:彩色旋风 3.Photoshop效果实例:数字星云 4.Photoshop效果实例:网上美女是这样练成的 5.Pho ...
- 【小5聊】使用js+css+div布局方式画一棵圣诞树,带闪烁霓虹灯效果
虽然jQuery时代已经逐渐退出历史舞台,在拥抱vue的同时,也还是可以用jQuery锻炼下编程思维,毕竟比较灵活. 1.适合基础入门的前端小伙伴 2.适合使用jQuery锻炼实现前端效果小伙伴 3. ...
- Div+CSS、鼠标滑过特效、导航栏效果——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...
- 学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作...
HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- 学生HTML个人网页作业作品~个人主页博客网页设计制作(6个页面)~大学生个人网站作业模板~HTML简单个人网页制作
HTML期末大作业~ 学生HTML个人网页作业作品下载-个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- tomcat内存溢出(修改catalina.bat后windows启动tomcat服务没有效果) | 王猛的个人主页...
2019独角兽企业重金招聘Python工程师标准>>> tomcat内存溢出(修改catalina.bat后windows启动tomcat服务没有效果) | 王猛的个人主页. 转载于 ...
- 软件测试自学毛笔字纹身,ps纹身教程_photoshop给人物添加纹身效果实例制作教程...
摘要 腾兴网为您分享:photoshop给人物添加纹身效果实例制作教程,智学网,找乐助手,有道英语,易推广等软件知识,以及安卓测试软件,星露谷物语,店宝宝软件,乐播投屏软件,光棍证,查查看,国家工作人 ...
- HTML5+CSS大作业——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 常见网页设计作业题材有 个人. 美食. 公 ...
- HTML+CSS大作业——商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作
HTML5期末大作业:个人商城网站设计--商城个人中心网站模板(56页) 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 一.作品展示 二.文件目录 三.代码实现 <!doctype ...
最新文章
- 图像空间变换--imtransform
- python numpy数组和one-hot编码相互转换
- 华为100万部鸿蒙,2019年Q4发布 华为100万部鸿蒙OS手机已开测
- laravel配置加解密
- VMware ESXi 高危漏洞的补丁被指不完整
- Hessian的使用与介绍
- 使用python插件将程序打包为exe
- 人脸识别常用开源数据集大全
- c++如何关闭进程,比如网吧收银系统
- 深度残差网络_深度残差收缩网络:借助注意力机制实现特征的软阈值化
- BFU数据结构头歌实验:基于BF算法的病毒感染检测
- 今天凌晨十二点和明天凌晨十二点的时间戳
- mysql数据设置有效期_zabbix管理六之数据有效期设置
- win10+yolov5尝鲜体验
- VPS融合怪测评脚本(主体已完善,历史遗留问题解决时间未知)(VPS fusion monster evaluation script)
- Panic的概念和使用
- 【neutron源码分析】neutron-server启动流程分析
- 《Composing Programs》学习笔记(1.1)开始(关键词:软件工程/抽象/函数)
- 乐高拉力机器人图纸_乐高MOC图纸分享:乐高MINI机器人制作教程(图文版)
- Python爬虫获取基金持仓股票数据