对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 网站建设 >

使用style属性修改表格下边框的颜色、高度和形状

时间:2009-12-29 00:07来源:未知 作者:明轮 点击:
今天看到了一个表格,整个表格只有下边框有颜色也有高度,感觉很新鲜,所以研究了一下,结果如下: 代码如下:
  

今天看到了一个表格,整个表格只有下边框有颜色也有高度,感觉很新鲜,所以研究了一下,结果如下:

代码如下:

<TABLE style="BORDER-BOTTOM: rgb(126,167,202) 3px solid" cellSpacing=1 cellPadding=3 width=520 align=center bgColor=#7ea7ca border=0>
<TBODY>
<TR>
    <TD borderColor=#e6f1f9 background=bg/blue.gif   bgColor=#e6f1f9><font size=2>效果怎么样</font></TD></TR>
<TR>
    <TD vAlign=top borderColor=#ffffff bgColor=#daeaf6>
      <TABLE height=300 cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
          <TD id=tipic1 style="PADDING-LEFT: 10px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 150%; PADDING-TOP: 15px"  vAlign=top>
<font size=2>欢迎访问盼盼的家园www.panpan.org</font>
             </TD></TR></TBODY></TABLE>
      </TD>
</TR>
</TBODY>
</TABLE>

演示效果:
 

效果怎么样?

欢迎访问盼盼的家园www.panpan.org  

你看看下边框的效果,就是这个样子了,在这里我们用了solid属性,其实还有其他的属性:

可用值   值的说明
none  没有边框,无论边框宽度设为多大
dotted  点线式边框
dashed  破折线式边框
solid  直线式边框
double  双线式边框
groove  槽线式边框
ridge  脊线式边框
inset  内嵌效果的边框
outset  突起效果的边框

大家可以根据情况进行调整。

提示:

上面的“BORDER-BOTTOM: rgb(126,167,202)”中的rgb颜色值大家可以来这里进行选择和查询:

http://www.panpan.org/new2008/webcolorcode/rgbchange.htm

更多颜色代码:
http://www.panpan.org/new2008/webcolorcode/
 

顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八