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 浏览: 158
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)
阅读全文