web前端开发技术实验与实践（第三版）储久良编著项目7 高校资讯新闻条目设计

IDLE不是爱豆

于 2022-03-27 09:00:00 发布

阅读量1.3k

点赞数

分类专栏：实训项目文章标签： html css web

本文链接：https://blog.youkuaiyun.com/weixin_61726211/article/details/123653252

版权

本文介绍了高校资讯新闻条目的设计实践，包括科研发展的内容，如国防科技大学、同济大学等高校的科技奖项。通过HTML和CSS实现页面文字素材的展示，并附带代码和页面效果截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实训二项目7 高校资讯新闻条目设计

一、页面文字素材：

科研发展

高校资讯科技前沿成果展示学术会议

国防科技大学员问鼎2014国际数模竞赛最高奖
同济大学教授阮仪三获2014亨利•霍普•里德奖
中科大徐春叶教授获2014年国际材料科学奖
北京和睦家医院肺癌诊疗会诊中心成立
兰州大学博士生获全国优秀博士学位论文提名

二、代码：

<!--
	prj_2_2.html
	程序名称：自定义模板
	程序功能：自定义模板
	设计人员：19xxxxxx xxx
	设计时间：2022/3/5/11/41
-->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>无序列表实现新闻现实</title>
		<style type="text/css">
			.bt{
				font-size: 22px;
				font-family: "黑体";
				margin: 0 auto;
				padding: 0 20px;
			}
			.div1{
				width: 53