网页中设定表格边框的厚度的属性_【在线实践】网页设计综合练习34

3、利用C:\KS\wyC文件夹下的素材(图片素材在wyC\images文件夹下),按以下要求制作或编辑网页,结果保存在原文件夹下。

(1)打开主页index.html,设置网页标题为"科普园地";设置页面背景颜色为#A6CAF0;设置表格属性:居中对齐,边框线粗细设置为0。

(2)在第1行中"人工智能"的每个文字之间插入1个半角空格,并设置其字符格式(CSS目标规则名称为.X):字体为隶书,字号为36像素、字符颜色为#FF1F00。

(3)为表格第3行第3列单元格中文字添加编号列表;在第4行中,将"联系我们"文字设置邮件超链接,E-mail地址为:mail@123.com;插入水平线,颜色为#FF3FFF。

(4)在表格第3行第1列,插入鼠标经过图像,原始图像为AI.jpg,鼠标经过图像为"AI1.jpg" ,单元格内水平居中;将表格第2行第1列中的文字"机器人三定律"设为超链接,指向"AI.html"。

 (5)在第3行第4列单元格中有一个表单,在表单第1行"职业"末尾添加下拉菜单,3个选项分别为:外企白领、公务员、其他;在表单第2行"爱好"末尾添加一组复选框,分别为:瑜伽、美容、旅游;在表单第3行"意见"下方添加一个文本区域,每行40字符且高度5行;在表单最后一行添加两个按钮"提交"和"重置"。

样张

2ff8449fffb963dc88a4d1f4dfdfc15a.png

操作演示

4、利用C:\KS\wyD文件夹下的素材(图片素材在wyD\images文件夹下),按以下要求制作或编辑网页,结果保存在原文件夹下。

(1)打开主页index.html,设置网页标题为“垃圾分类”;设置网页背景为bj2.gif;设置表格属性:居中对齐,边框线粗细、单元格填充和单元格间距均设置为0。

(2)设置文字“垃圾分类小常识”的格式(CSS目标规则名称为.XS):字体为华文中宋,字号为24像素、加粗、字符颜色为#000000;设置表格的第一行单元格居中,背景色为#66FF99。

(3)为表格第2行第1列单元格中5段文字添加项目列表;合并表格第3行第1、2列,并在合并后的单元格中插入水平线,高度为3像素,颜色为#009900。

(4)将表格第4行中的图像调整为500×380像素(宽×高),在单元格中居中对齐;在图片左上角的“可回收物”文字上设置矩形热点超链接到本地huishou.html,在新窗口中打开该网页。

(5)在第2行第2列单元格中有一个表单,在表单第2行末尾添加文本域,字符宽度为12;在表单第3行末尾添加一个下拉菜单,下拉菜单的三个选项分别为:“非常支持”、“支持”、“一般”;在表单第4行添加4个半角空格之后添加“清除”和“提交”按钮。

样张

da027e8070c9bc64b29f3b680dc16076.png

操作演示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值