1、运用HTML、CSS技术实现如图1所示的页面。分别编写相应的网页文件t1.html和CSS外部样式表文件t1.css。要求：页面标题为“JavaWeb应用编程”；页面内的文字内容为“CSS技术应用与呈现”，样式为“斜体、特粗、70px大小、行高1.5倍、隶书、居中显示”；边框的样式为“宽度700px、高度100px、填充20px、边距30px，边框线宽度20px、线型outset、颜色#ff0000”。图1 实验1.1的效果图

时间: 2023-06-15 19:05:38 浏览: 186

t1.html代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaWeb应用编程</title> <link rel="stylesheet" type="text/css" href="t1.css"> </head> <body> <div id="box"> <p> CSS技术应用与呈现 </p> </div> </body> </html> ``` t1.css代码： ```css #box{ width: 700px; height: 100px; padding: 20px; margin: 30px; border: 20px outset #ff0000; font-style: italic; font-weight: 800; font-size: 70px; line-height: 1.5; font-family: "隶书"; text-align: center; } ``` 效果图如下： ![t1](https://img-blog.csdnimg.cn/2022010322322030.png)

阅读全文