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.wddqw.com/doc/f5cf53ac856a561253d36f2b.html