<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>无标题的文档
</title>
<link rel="stylesheet" type="text" href="4.css">
</head>
<body>
<h3 class="f"><a href="www.znufe.edu.com.cn">My first css page.</a></h3>
<hr />
<p>This is my first css page.</p>
<p class="font1">This is my first css page.</p>
<p>This is my first list.<br />
<ul>
<li>文澜新闻网</li>
<li>法律援助网</li>
<li>中部崛起网</li>
</ul>
</p>
<p class="bg1">看到四字</p>
<p class="bg2">三个字</p>
<p>This is my first image link.<br />
<a href=" http://news.znufe.edu.cn/"> scr="1.jpg" />
</body>
</html>
css文件如下：
h3.f{text-align:center;color:3300ff;}
p.font1{font-style:italic;
color:ff0000
}
ul {
color:33ff33
}
p.bg1 {
background-color:990000;
}
p.bg2 {
background-color:00ff33;
}
img { border-style:double;
border-color:blue;
}
显示效果为：
预期效果：