首页dw 诗词中诗名为三级标题,作者为六级标题。诗句为段落。使用内部样式设置诗词的样式: body 主体中设置“居中显示”。 p段落字体为“隶书”。四个诗句的字体大小分别为“100%.150%、200%、250%”

dw 诗词中诗名为三级标题,作者为六级标题。诗句为段落。使用内部样式设置诗词的样式: body 主体中设置“居中显示”。 p段落字体为“隶书”。四个诗句的字体大小分别为“100%.150%、200%、250%”

时间: 2024-10-20 13:02:36 浏览: 15

在DW (Dreamweaver) 中，如果你想按照你描述的方式设计诗词页面的样式，可以按照以下步骤操作： 1. **创建HTML结构**: 首先，在Dreamweaver中创建一个新的HTML文档，为诗词内容构建一个合理的结构，比如使用`<div>`元素作为主体(`<body>`)。 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>诗词</title> <style> /* 内部样式 */ body { text-align: center; } p { font-family: '隶书'; } .level-1 { font-size: 100%; } .level-2 { font-size: 150%; } .level-3 { font-size: 200%; } .level-4 { font-size: 250%; } </style> </head> <body>  </body> </html> ``` 2. **添加诗词内容**: 在`<body>`部分，使用嵌套的`<p>`标签来表示每一句诗词，并通过CSS类来控制字体大小。例如： ```html <div class="level-1"> <p>诗名一</p> </div> <div class="level-2"> <p>作者名</p> </div> <div class="level-3"> <p>第一句诗句</p> </div> <div class="level-4"> <p>第二句诗句</p> </div>   </body> </html> ``` 3. **调整层级和字体大小**: 确保每个级别的标题都有相应的类名 `.level-1`, `.level-2`, `.level-3`, 和 `.level-4`，并根据实际需要调整字体大小。记得替换上面例子中的"诗名一", "作者名", "第一句诗句", 和 "第二句诗句"为实际的诗词内容。

阅读全文