当前位置:首页>在线课程>网页设计>Div+CSS>Div+CSS全案例教程(已完结)

Div+CSS全案例教程(已完结)

讲师:李老师 | 课程:

108

课时
已有

14

人购买该课程
原价:258.00元 促销价:48.00

一年会员:1280元/年 促销价:399元/年(本站所有课程免费学)

分享到:
介绍了如何使用Div+CSS的布局方式进行网页布局设计,并通过108个经典实例与知识点相结合的形式进行讲解,使读者能够轻松、快速地掌握该种布局方式。
使用图片作为列表样式

[第49课] 使用图片作为列表样式

本实例通过为网页中文字创建项目列表,并为其创建li标签,将默认项目符号替换为图片样式,使得网页中的社区消息更整洁、一目了然。

12

人气 /

0

评论
4分44秒
制作复杂新闻列表

[第50课] 制作复杂新闻列表

本实例制作的是一个复杂的新闻列表效果,通过创建成对的dl标签、dt标题标签和用于描述列表中元素的标签dd,并创建相应的CSS规则,从而使得该新闻列表变得更加美观。

13

人气 /

0

评论
3分55秒
制作横向导航菜单

[第51课] 制作横向导航菜单

本实例制作的是旅游公司页面的横向导航菜单,通过对list-style-type属性的设置,制作出导航菜单。

12

人气 /

0

评论
6分54秒
制作纵向导航菜单

[第52课] 制作纵向导航菜单

本实例制作的是一个音乐网站的页面,该页面的导航菜单的制作与上个实例的操作基本相似。通过对li标签的设置,实现纵向导航菜单的制作。

11

人气 /

0

评论
6分06秒
content属性为Div赋予内容

[第53课] content属性为Div赋予内容

本实例通过使用CSS3中新增的content属性,为网页中相应的Div赋予内容。如果需要修改该Div中的内容,则只需要修改CSS样式表中定义的content属性值即可。

12

人气 /

0

评论
2分06秒
opacity属性实现元素半透明效果

[第54课] opacity属性实现元素半透明效果

在CSS3中新增了opacity属性,使用该属性能够更加方便、快捷地实现网页元素的半透明效果。

13

人气 /

0

评论
2分38秒
创建数据表格

[第55课] 创建数据表格

本实例制作一个企业网站新闻页面,在该新闻页面中使用数据表格的形式来表现新闻标题内容,为页面中的数据进行合理、清晰的排版,使浏览者能够对页面中的数据一目了然。

12

人气 /

0

评论
9分35秒
设置表格边框和背景

[第56课] 设置表格边框和背景

本实例通过设置表格的边框、背景颜色以及背景图片来对表格进行进一步的装饰和美化,使得页面中的内容能够更加丰富多彩,从而增强网页的吸引力。

15

人气 /

0

评论
7分34秒
实现隔行变色的单元格

[第57课] 实现隔行变色的单元格

本实例通过为表格中的单元行设置背景颜色来实现单元格隔行变色的效果,不仅为单一的表格页面增添了活跃画面的元素,更主要的是能够为浏览者提供更加舒适的浏览效果。

11

人气 /

0

评论
2分43秒
实现交互的变色表格

[第58课] 实现交互的变色表格

本实例将页面中存储数据的表格使用交互变色的方式展现出来,为整个页面增添了不少动态效果,也增强了页面的交互性。

10

人气 /

0

评论
1分53秒
设置表单元素的背景颜色

[第59课] 设置表单元素的背景颜色

本实例制作的是一个登录页面,该页面中主要运用了文本域、复选框和提交按钮,为了丰富文本域的视觉效果,通过CSS样式为文本域进行相应的美化,以此来吸引浏览者的目光。

11

人气 /

0

评论
1分36秒
设置表单元素的边框

[第60课] 设置表单元素的边框

本实例主要向大家介绍了如何对表单元素的边框样式进行设置。另外需要注意的是,在设置的同时应考虑到边框的样式与页面整体的色调、大小是否相协调。

10

人气 /

0

评论
2分26秒
34567
推荐课程
CSS3 技术与浏览器兼容性解析(已完结)

[网页设计] CSS3 技术与浏览器兼容性解析(已完结)

讲师:李老师

80

课时
已有

32

人购买该课程
Div+CSS全案例教程(已完结)

[网页设计] 澳门赌博网站新址

讲师:李老师

108

课时
已有

14

人购买该课程
轻松学Illustrator(持续更新)

[平面设计] 博彩娱乐网投网站大全

讲师:张晓景

12

课时
已有

29

人购买该课程
Edge Animate从入门到精通(已完结)

[动画设计] 澳门正规赌博十大网站

讲师:李老师

60

课时
已有

46

人购买该课程
首 页在线课程书籍光盘图文教程
点击这里给我发消息47707077
点击这里给我发消息11402485
联系电话

13520020606

联系邮箱
47707077@qq.com
Copyright 2017 学设计网, All Rights Reserved 京ICP备14050932号