【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《ASP 宋词欣赏》，欢迎阅读！
ASP 宋词欣赏
通过CSS样式，网页设计者摆脱了原来的HTML语法的限制，可以进一步将各种HTML标记做更精确的定义。本次练习将使用CSS样式表创建一个宋词欣赏的静态页面，具体步骤如下：
（1）使用表格布局，在单元格中输入宋词内容，设计单元格对齐方式居中对齐。具体代码如下所示：
一剪梅
[ 宋]李清照
红藕香残玉簟秋，
轻解罗裳，独上兰舟。
云中谁寄锦书来？
雁字回时，月满西楼。
花自飘零水自流。
一种相思，两处闲愁。
此情无计可消除。
才下眉头，却上心头 |
（2）定义背景图片的CSS样式，具体代码如下所示：
background-image: url(bgimage.jpg);
（3）在CSS样式表中添加诗词题目样式，设置字体大小为36px，字体为“方正姚体”，设置字体颜色为“FF9900”，具体代码如下所示：
.STYLE1 {
font-size: 36px;
}
font-weight: bold; color: #FF9900; font-family: "方正姚体";
（4）添加作者段落样式。设置字体大小为24px，字体颜色为“FF9900”，字体为“华文行楷", "方正姚体", "方正舒体”具体代码如下所示：
.STYLE2 { }
font-size: 24px; color: #FF9900;
font-family: ""
（5）最后添加词句段落样式，设置字体大小为18px，字体为华文新魏，具体代码如下所示：
.STYLE3 {
font-family: "华文新魏"; font-size: 18px}
（6）保存并在浏览器中运行，具体效果如图8-3所示。
图8-3 宋词欣赏
本文来源：https://www.wddqxz.cn/f5cf53ac856a561253d36f2b.html
2022-04-01
