提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

Web前端：新闻网页案例设计

案例网页Web前端 设计 新闻
2023-09-27 14:22:47 时间

案例

在这里插入图片描述

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">
		<title>新闻</title>
		<link rel="stylesheet" href="实验8-1.css" type="text/css" />
	</head>
	<body>
		<div id="div1">
			<div id="div2">
				<img src="图片/8-1.jpg"/>
			</div>
			<div id="div2">
				<ul>
					<li>
						2017<span id="span1">央视</span>综艺节目发力 彰显公益大爱
					</li>
					<li>
						继北京、上海后，2017年<span id="span1">腾讯</span>视频推介会咋又在广州隆重举行
					</li>
					<li>
						<span id="span1">“跨界融合 开放共赢”</span>移动互联网营销峰会
					</li>
					<li>
						首届<span class="it">“联建杯”</span>户外LED显示屏媒体大赛评审圆满落幕
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>

CSS

#span1{
	font-weight: bold;
}
.it{
	font-style: italic;
	font-size: 24px;
	font-weight: bold;
}
body{
    background-color:greenyellow;
}

相关文章