点击此处返回
未登录用户
每日可免费学习1个教程
设计来仪
关注人数:4011
1.DW-初步认识HTML
2.DW-UI设计师为什么学习HTML
3.DW-DIV盒子标签和CSS写法格式
4.DW-float浮动的使用
5.DW-table表格的使用
6.DW-margin与padding区别以及盒模型
7.DW-DIV 框架布局
8.DW-网页原型框架综合案例(上)
9.DW-网页原型框架综合案例(下)
10.DW-html悬停交互效果
11.DW-盒子遮罩overflow样式的使用
12.DW-网页背景的写法
13.DW-网页项目实战-header导航
14.DW-网页项目实战banner部分的写法
15.DW-网页实战Main 主要内容区的写法
16.DW-网页实战ABOUT 区域的写法
17.DW-footer 区写法
18.DW-认识HTML5
19.DW-响应式网页header部分写法
20.DW-响应式article aside 的用法
21.DW-HTML5 响应式代码实现完成
1.根据右侧提供素材,按老师的案例讲解,学习网页About区内容的写法,同学们有各代码编写问题,可以截取代码内容截图到评论区。
2.打开软件DW,创建盒子,高为【840像素】,再创建盒子,高为【454像素】添加背景图,具体如图所示。
3.添加【样式】不平铺,将背景图向上居中对齐,具体如图所示。
4.创建盒子,添加【文字内容】,调整字体大小,行间距【26像素】,添加【文字内容】背景颜色,具体如图所示。
70000+教程,每天免费学一课