新闻
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好久不见</title>
<style>
#box{
width:555px;
border:#000000 solid 3px;padding:0px 22px;}/*整体框架*/
#head{
font-family:Verdana, Geneva, sans-serif;
font-size:24px;padding:10px 0px;
font-weight:bold;}/*头部标题的样式*/
#title{
font-size:21px;
font-family:Verdana, Geneva, sans-serif;
padding:10px 0px;/*这里的0px是因为box里声明了么？*/
font-weight:bold;}
#content{
padding:17px 22px 28px 0px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:26px;
text-indent:2em;
border-bottom:1px dashed #000000;}
#lianjieyi{
font-size:17px;font-family:Verdana, Geneva, sans-serif;
background:url(jiantou.png) no-repeat left center;
font-weight:bold;
padding-left:10px;
line-height:37px;}/*第一个文字链接的样式*/
#lianjieer{
font-size:17px;
font-family:Verdana, Geneva, sans-serif;
background:url(jiantou.png) no-repeat left center;
font-weight:bold;
padding-left:10px;
line-height:37px;}/*第二个文字链接的样式*/
#lianjiesan{
font-size:17px;
font-family:Verdana, Geneva, sans-serif;
background:url(jiantou.png) no-repeat left center;
font-weight:bold;
padding-left:10px;
line-height:37px;}/*第三个文字链接的样式*/
#lianjiesi{
font-size:17px;
font-family:Verdana, Geneva, sans-serif;
background:url(jiantou.png) no-repeat left center;
font-weight:bold;
padding-left:10px;
line-height:37px;}/*第四个文字链接的样式*/
#yi_a{
color:#000;
text-decoration:none;}
#er_a{
color:#000;
text-decoration:none;}
#san_a{
color:#000;
text-decoration:none;}
#si_a{
color:#000;
text-decoration:none;}/*以上四个都是改变a标签的默认样式*/
</style>
</head>
<body>
<div id="box">
<div id="head">动态新闻</div>
<div id="title">掌握一门技术的重要性</div>
<div id="content">掌握一门技术是未来生存的一块敲门砖，掌握一门技术是未来生存的一块敲门砖，掌握一门技术是未来生存的一块敲门砖。</div>
<dl>
<dt> <div id="lianjieyi"><a href="#" id="yi_a">走进名企观摩学习与名企面对面</a></dt>
<dt><div id="lianjieer"><a href="#" id="er_a">走进名企观摩学习与名企面对面</a></dt>
<dt><div id="lianjiesan"><a href="#" id="san_a">走进名企观摩学习与名企面对面</a></dt>
<dt><div id="lianjiesi"><a href="#" id="si_a">走进名企观摩学习与名企面对面</a></dt></dl><!--自定义的标题-->
</div>
</body>
</html>
border属性完成的页面代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#box{
width:200px;height:3px;
background:url(head.png) repeat-x;}
#body{
width:0px;height:0px;
border:100px #ff0000 solid;
border-bottom-color:#ffffff;}
</style>
</head>
<body>
<div id="box"></div>
<div id="body"></div>
</body>
</html>
