新聞
<!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">動態(tài)新聞</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>
