通过样式表 CSS 来定义图片边框

Loyaa 3.0 是一个具有新闻采集功能的网站内容管理系统(CMS)，可以进行网站新闻发布管理，是一个集信息采集、管理、发布为一体的综合 CMS 内容管理系统平台。

成功案例之云南电视台网站

云南电视网作为云南地区最大的电视媒体网站为用户提供云南省最新资讯、影视娱乐等内容...[全文]

成功案例之中国仪征

Loyaa 新闻采集系统(CMS)作为中国仪征的数据平台，承担着该市百余家单位的网站管理...[全文]

更多成功案例 >>

电话：13937165257
ＱＱ：3227640
邮件：yaach@163.com

您的位置：首页 >> 宜达新闻中心 >> 网站技术

通过样式表 CSS 来定义图片边框

来自：宜达科技　发布时间：2007-12-13 11:59:28

说明：通过给不同的<tr>或者<td>定义CSS样式，来实现不同的表格边框。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>定义图片边框</title>
<style type="text/css">
<!--
td{
 font-size:12px;
 line-height:150%;
}
/*
 * @显示图片边框
*/
.showImageBorder_black img{
 border: 1px solid #000;
}
.showImageBorder_white img{
 border: 1px solid #fff;
}
-->
</style>
</head>
<body>
<table width="560" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#111111" style="border-collapse: collapse">
  <tr>
    <td colspan="2" bgcolor="#336699"><font color="#FFFFFF">定义图片边框</font></td>
  </tr>
  <tr>
    <td width="280" height="320" align="center" class="showImageBorder_black"><img src="http://www.loyaa.com/help/demo/page/imgBorder/imgBorder.jpg" width="200" height="286"></td>
    <td width="280" align="center" bgcolor="#31659C" class="showImageBorder_white"><img src="http://www.loyaa.com/help/demo/page/imgBorder/imgBorder.jpg" width="200" height="286"></td>
  </tr>
  <tr class="greenLink">
    <td height="60" colspan="2"><p>说明：通过给不同的<tr>或者<td>定义CSS样式，来实现不同的表格边框。</p>
      <p align="center">
/*
 * @显示图片边框
*/
.showImageBorder_black img{
 border: 1px solid #000;
}
.showImageBorder_white img{
 border: 1px solid #fff;
}
-->
      </p></td>
  </tr>
</table>
</body>
</html>

[1] [2]

郭磊