网页制作案例1-足球明星相册

涉及知识点：

表格、单元格属性的设置
Css样式表的应用
超链接

效果图：

制作步骤

1）设置网页背景颜色：#009900，

2）标题‘足球明星’设置字体：黑体、大小：36像素、颜色：#FFCC33、居中对齐（利用css链接式）

3）创建导航位置的表格1行5列、表格宽度700像素、边距为0、填充3、间距0、

4）选择导航栏表格背景颜色为#FF99CC、每个单元格必须一样宽、且里面的文字居中对齐，

5) 设置导航链接

6）链接颜色、变换图像链接、已访问链接、活动链接分别使用不同颜色。

7）场景图像展示表格3行4列

宽度	700像素
边框粗细	1像素
单元格边距	10像素
单元格间距	10像素
边框颜色（选择边框）	#003333
表格背景颜色	#006600
第一行背景颜色	#66FFCC
第二行背景颜色	#FFFF66
第三行背景颜色	#66FF00

网页制作案例1-足球明星相册相关推荐

好趣艺术设计部落网页制作案例
内容来自<HTML+CSS+JavaScript网页制作案例教程(第2版)> 内容分类:html.css.js实战书籍作者:黑马程序员文章目录效果图代码 html css js 文 ...
HTML5七夕情人节表白网页制作——蓝色梦幻海洋3D相册—— HTML+CSS+JavaScript
HTML5七夕情人节表白网页制作❤蓝色梦幻海洋3D相册❤ HTML+CSS+JavaScript 这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此 ...
HTML+CSS+JavaScript网页制作案例教程-黑马程序员-第五章课后习题(课程介绍专栏效果)
黑马程序员编著的教材 HTML+CSS+JavaScript网页制作案例教程第五章:"课程介绍"专栏-课后习题参考代码题目原型: 请结合给出的素材,运用列表标记,超链接标记以 ...
HTML+CSS+JavaScript网页制作案例教程-黑马程序员-第四章课后习题(播放器图标)
黑马程序员编著的教材 HTML+CSS+JavaScript网页制作案例教程第四章:播放器图标-课后习题参考代码 ........ 记得关注,收藏,评论哦,作者将持续更新.... 我自己做的效果 ...
HTML5七夕情人节表白网页制作 (渐变色满天星空3D相册) HTML+CSS+JavaScript
HTML5七夕情人节表白网页制作 ❤渐变色满天星空3D相册❤ HTML+CSS+JavaScript 这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看 ...
html网页制作教程课件,第2章 HTML入门(网页制作案例教程课件).ppt
第2章 HTML入门认识HTML语言的作用,了解HTML代码的编写特点掌握查看网页代码.修改网页代码的方法掌握HTML常用标记及其属性的用法掌握运用HTML编写网页表格.列表.框架和实现超级链 ...
HTML5七夕情人节表白网页制作【3D雪花展开相册】HTML+CSS+JavaScript 程序员表白网页简单的3D相册制作
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
HTML5七夕情人节表白网页制作【浪漫星空爱心相册】HTML+CSS+JavaScript 爱心表白代码 520七夕情人节网页源码制作
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
传智播客设计学院网页制作案例
做这个案例的方法有很多种,我这个只是上课做的,办法简单粗暴,仅供参考!!!!! 效果图本人英文不是很好,标签命名就很随意,见笑了! html <div id="hear"& ...

网页制作案例1-足球明星相册

目录

涉及知识点：

效果图：

制作步骤

网页制作案例1-足球明星相册相关推荐

最新文章

热门文章