小米综合案例

最新推荐文章于 2025-12-14 22:21:56 发布

原创最新推荐文章于 2025-12-14 22:21:56 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #java #html

小米销售页面展示了MIX4，配备全面屏设计，特别强调了CUP全面屏技术，起售价从4999元开始，点击链接了解更多详情。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米销售栏</title>
	<style type="text/css">
		* {
			margin:0;
			padding: 0;
		}
		body {
			background-color: #ebebeb;
		}
		#xiao {
			width: 250px;height: 375px;
			margin: 100px auto;
			background-color: #ffffff;
			/*background-image: url();
			background-repeat: no-repeat;*/
		}
		#xiao img {
			width: 100%;
		}
		#xiao div,h4 {
			font-family: '幼圆';
			font-size: 20px;
			text-align: center;
		}
		#xiao div,p {
			font-family: 'Microsoft YaHei';
			padding-top: 10px;
			font-size: 17px;
			color: #dbdbdb;
			text-align: center;
		}
		#xiao .mi {
			padding-top: 15px;
		}
		#xiao .mi a {
			font-family: 'Microsoft YaHei';
			color: orange;
			font-weight: 400px;
			text-decoration: none;
			/*取消下划线*/
		}
		#xiao em {
			font-style: normal;
			/*这是让倾斜文字不倾斜*/
			color: #ebebeb;
		}
	</style>
</head>
<body>
	<div id="xiao">
		<img src="Xiaomi.webp">
        <h4>Xiaomi MIX 4</h4>
        <p>CUP全面屏</p>
        <h4 class="mi">
        	<em>|</em>
        	<a href="xiaomi.html" target="_blank">4999元起 </a>
        </h4>
	</div>
</body>
</html>