简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 3月22日作业
Blogger Information
Blog 27
fans 2
comment 1
visits 13398
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月22日作业
kaclod的博客
Original
680 people have browsed it

QQ截图20180323113254.jpg

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>软件介绍</title>
	<style>
		table,th,td {
			border:1px solid black;
		}

		table {
			border-collapse:collapse;
			text-align:center;
			width:80%;
			/*水平,垂直,像素,颜色*/
			box-shadow:8px 8px 5px #888888;

			margin:50px auto;
			background-image:url(images/bgimage.jpg);
			background-repeat:no-repeat;
			background-size:cover;
		}

		table caption {
			font-size:1.7em;
			font-weight:bolder;
			margin:30px;
		}

		th,td {
			padding:5px;
		}

		table img {
			width: 150px;
			box-shadow:5px 5px 5px #888888;
		}

		.brown,th {
			background-color: rgba(155,155,0,0.5);
			color:red;
		}
		#weixin {
			color:brown;

		}

		
	</style>
</head>
<body>
	<table >
		<caption>软件价格表</caption>
	<tr>
		<th>ID </th>
		<th>产品</th>
		<th>价格</th>
		<th>是否年费</th>
		<th>产品图片</th>
		<th>简介</th>
		<th rowspan="6" class="brown">优惠活动进行中...</th>
	</tr>
	<tr>
		<td>1</td>
		<td>点餐收银软件</td>
		<td>98</td>
		<td>否</td>
		<td><img src="images/1.jpg" alt="点餐收银软件" ></td>
		<td>为你省钱的餐饮软件</td>
	</tr>
	<tr>
		<td>2</td>
		<td>会员软件</td>
		<td>80</td>
		<td>是</td>
		<td><img src="images/2.jpg" alt="会员软件" ></td>
		<td>帮你留住客人的会员管理软件</td>
	</tr>
	<tr>
		<td>3</td>
		<td>库存软件</td>
		<td>180</td>
		<td>是</td>
		<td><img src="images/3.jpg" alt="库存软件" ></td>
		<td>无需到店，即可掌控仓库供货情况</td>
	</tr>
	<tr>
		<td>4</td>
		<td>厨房显示</td>
		<td>195</td>
		<td>否</td>
		<td><img src="images/4.jpg" alt="厨房显示" ></td>
		<td>同步收银点餐系统，后厨工作更有序</td>
	</tr>
	<tr>
		<td>5</td>
		<td id="weixin">微信点餐</td>
		<td>259</td>
		<td>是</td>
		<td><img src="images/5.jpg" alt="厨房显示" ></td>
		<td>扫码点餐支付，操作轻松高效</td>
	</tr>
	
	</table>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

1.JPG2.JPG3.JPG

Correction status：qualified

Teacher's comments：这两天的作业已检查！ 完成的依旧的很不错！继续保持！！ 每天晚上课程作业最好请在第二天晚八点之前上交哦！!若提交不了并说明一下情况！
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！