我的个人主页制作步骤-2.docVIP

我的个人主页制作步骤： 第一步：完成网页框架 添加标题 h1 align center class s1 自我简介-我的个人主页 设置标题样式 .s1 color:blue; font-family:楷体_gb2312; font-size:50px; 3 添加标题下的分割线 hr class s2 设置分割线样式 .s2 color:#0000ff; height:5px; 超链接 定义超链接 将文字放到一个容器中，div div class s3 我的学习经历 我的娱乐 我的学校 添加超链接，并分隔开，居中 div class s3 a href # 我的学习经历 nbsp;nbsp;nbsp;nbsp;nbsp; a href # 我的娱乐 nbsp;nbsp;nbsp;nbsp;nbsp; a href # 我的学校 .s3 居中 text-align:center; 添加样式 首先定义标签选择器 默认的超链接样式 a color:black; 黑色 text-decoration:none; 无下划线 font-size:12px; 12px字体大小 光标悬停时的样式 a:hover color:red; 红色 text-decoration:underline; 下划线 添加网页背景 背景颜色 添加到 标签 中的样式 background-color:#FCE0A6; 背景图片 添加样式 body class bg 定义样式 .bg background-image:url image/bg3.jpg ; 添加学习经历 添加一个表格 2*2的表格 合并第一行 第一行显示学习的学校名称 table border 1px class tab align center tr height 50px td colspan 2 class td1 西安电子科技大学 td width 360px 添加图片在第二行第一列 img src image/xidian.jpg width 350px height 200px td width 440px valign top 垂直上对齐 nbsp;nbsp;nbsp;nbsp;nbsp;西安电子科技大学是以信息与电子学科为主 ，工、理、管、文多学科协调发展的全国重点大学，直属教育部，是国家“优 势学科创新平台”项目和“211工程”项目重点建设高校之一，是全国56所设有研 究生院的高校之一、首批35所示范性软件学院的高校之一和首批9所获批设立 集成电路人才培养基地的高校之一。 标题行的样式 .td1 background-color:#F0FFF0; text-align:center; font-size:30px; font-family:隶书; color:red; 添加图片超链接 a href /index.htm 超链接指向的地址 img src image/xidian.jpg width 350px height 200px