css
要点：
代码：
<!DOCTYPE html>
<html>
<head>
<title>中国诗词之美</title>
<meta charset="utf-8" />
<style type="text/css">
body{
margin:0px;
}
.menu{
width:100%;
height:50px;
background-color:#f1d9b5;
}
.title{
margin:20px auto;
width:1000px;
line-height:50px;
box-shadow:0px 0px 4px 4px #ededed;
text-indent:10px;
}
.title1{
font-size:25px;
font-weight:bold;
border-bottom:1px solid #cbcbc9;
}
.title2{
font-size:13px;
color:gray;
}
.links{
width:100%;
line-height:50px;
background-color:#fff6e8;
color:#f4aa3b;
}
.currentlink{
font-weight:bold;
width:200px;
margin-left:25px;
margin-top:25px;
}
.content{
width:900px;
margin:0px auto;
}
p{
line-height:30px;
text-indent:0px;
}
.text{
text-indent:2em;
}
</style>
</head>
<body>
<!--导航菜单-->
<div class="menu"></div>
<!--标题-->
<div class="title">
<div class="title1">中国诗词之美</div>
<div class="title2">学分:2 | 课时:32 | 主讲老师:张三 | 访问量:871人次</div>
</div>
<!--内容-->
<div class="title">
<div class="links">课程介绍 | 课程相册 | 动态赏析 | 学习资料 | 留言板</div>
<div class="currentlink">课程介绍</div>
<div class="content">
<p class="text">中国诗词滥觞于先秦，是有节奏、有韵律并富有感情色彩的一种语言艺术形式，也是是世界上最古老、最基本的文学形式。严格的格韵律脚、凝练的章法、充沛的情感以及丰富的意象是中华诗词美之所在，诗词是中华数千年社会文化的缩影。《中华诗词之美》这一课程从小词中画眉簪花照镜之传统讲起，共有五部分：</p>
<p>1、从性别文化谈小词画眉簪花照镜之传统<br/>
2、南唐冯李词对花间温韦词的拓展<br/>
3、王国维《人间词话》问世百年的词学反思<br/>
4、咏荷诗词<br/>
5、中华诗词之美</p>
<p>南开大学知名教授叶嘉莹 以独特的视角向你展示这一世界文学艺术的奇葩。</p>
<br/>
</div>
</div>
</body>
</html>
运行结果：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
