资讯区域Word文档格式.docx
《资讯区域Word文档格式.docx》由会员分享,可在线阅读,更多相关《资讯区域Word文档格式.docx(9页珍藏版)》请在冰豆网上搜索。
![资讯区域Word文档格式.docx](https://file1.bdocx.com/fileroot1/2023-1/1/6ae391db-c644-4d39-8213-1a3eb4adc4f8/6ae391db-c644-4d39-8213-1a3eb4adc4f81.gif)
1、Fireworks打开图像
指针工具,选中资讯
插入矩形切片,导出所选切片newsh2.jpg
指针工具,选中more>
插入矩形切片,导出所选切片more1.jpg
建议:
下面每做一步,F12预览
2、资讯区域的标题
Index.html中,
在<
divid="
news"
>
<
/div>
标签中插入h2代码
3、标题样式设置
新建CSS规则#content#newsh2
高度19内外边距0
背景图片newsh2不重复
4、more图片
h2>
/h2>
标签中插入more图片
5、more图片样式设置
新建CSS规则#content#newsimg
图片右浮动
6、文字列表
标签后面插入ul标记
7、文字列表样式设置
新建CSS规则#content#newsul
列表符号去掉
外边距0
内边距:
上10左20
新建CSS规则#content#newsli
高度20
行高25文本颜色#333
下划线虚线1#999
8、文字列表符号
ul>
标签中的每个<
li>
中
光标定位文字前面,添加圆点
文字前添加日期,将日期放在em标记中
7、日期样式设置
新建CSS规则#content#newsem
倾斜改正
右浮动
高20
去掉news、content的背景颜色
最后预览效果如下:
作业:
1.将列表中文字设置超链接,写出对应的html代码。