分享

为你的文章加上漂亮的框框

 水墨凝烟书苑 2010-10-18

为你的文章加上漂亮的框框

(博客及网站装修之高端篇(新)

 

实际上是利用了细线表格的做法:
.这个是利用CSS实现细线效果,代码如下:
<DIV>
<TABLE style="
width:495px; BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid"  cellSpacing=1 cellPadding=0 boder="0">
<TBODY>
<TR>
<TD
bgColor=#ddffff>
输入你的文章</TD></TR></TBODY></TABLE></DIV>
这个代码的好处是可以分别定义表格上下左右格线的颜色,线型,线宽。border-right(右格线);border-left(左格线);border-top(上格线);border-bottom(下格线)。
格线的颜色大家可参照我提供的色阶板。
格线的线形可选:solid(实线),dashed(虚线),double(双横线),dotted(点)
bgcolor---
可调单元格颜色
width
--原先由点击查看原文处进入看不到完整表格的问题已经解决,其实是把width放在CSS中定义,呵呵

 

.这个是利用表格红色背景,单元格黄色背景,代码如下:
<TABLE cellSpacing=1 cellPadding=0
bgColor=#ff0000 border=0 style="width:495px;">
<TBODY>
<TR>
<TD
bgColor=#ddffff>
写上你的文章</TD></TR></TR></TBODY></TABLE>
第一处bgcolor--格线颜色
第二处bgcolor----单元格颜色

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多