要求：用html语言和CSS样式实现下图。下图中：（字体和颜色等可以根据自己喜好进行设置）“第1段文字”是h1级标题文字，有上划线；“第2段文字”是h2级标题文字，有删除线；“第3段文字”是h3级标题文字，有下划线。列表样式中，标记是实心方块。表格中，表头部分背景为蓝色，表格数据部分为白色和红色背景错行显示，表格文字内容居中显示，表格边框宽度为1px。
实现代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>戴萧方秦</title>
<style type="text/css">
H1{ text-decoration: overline;}
</style>
</head>
<body>
<H1>第1段文字</H1>
<H2><s>第2段文字</s></H2>
<H3><u>第3段文字</u></H3>
<span>列表显示</span>
<ul>
<li>HTML—— ——网页结构
<li>CSS—— ——层叠样式表
<li>JS—— ——网页交互
</ul>
<table border cellspacing="0px" weight="500px">
<tr bgcolor=blue>
<td>标题1</td>
<td>标题2</td>
<td>标题3</td>
</tr>
<tr>
<td>内容11</td>
<td>内容12</td>
<td>内容13</td>
</tr>
<tr bgcolor="red">
<td>内容21</td>
<td>内容22</td>
<td>内容23</td>
</tr>
<tr>
<td>内容31</td>
<td>内容32</td>
<td>内容33</td>
</tr>
<tr bgcolor="red">
<td>内容41</td>
<td>内容42</td>
<td>内容43</td>
</tr>
</table>
</body>
</html>
扫一扫
514
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
