注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

林泉隐者的博客

撷趣江湾坐 擎竿望静流 未思寻酒菜 只想钓清幽

 
 
 

日志

 
 

【转载】怎样设置表格边框  

2014-09-01 10:16:48|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自雪花飘飘《怎样设置表格边框》

怎样设置表格边框

怎样改变边框线条的颜色:

本节学习请参考海珠老师博客:   怎样改变边框线条的颜色

首先要知道表格制作的属性:包括表格的代码 TABLE ,表格边框的颜色代码 borderColor=#ff0000,   表格边框的宽度代码 border=2 , 表格的背景颜色代码 bgColor=#60ffff,表格的总宽度代码  width=700,表格的总高度代码 height=100, 表格内边框和外边框和间距代码 cellSpacing=1,  表格的文字和边框和距离代码 cellPadding=1,这些代码用间括号来完成表格代码的设置。:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=700 height=100 bgColor=#60ffff border=2>


来设置单元格代码 TBODY,行代码 TR,列代码 TD , 用间括号来完成设置:

<TBODY >

<TR>

<TD>1</TD><TD>2</TD><TD>3</TD></TR>

两个代码加起来,在后边加上</TBODY ></TABLE>就是一个表格,:

<TABLE borderColor=#ff0000 cellSpacing=1 cellPadding=1 width=500 height=100 bgColor=#60ffff border=2>

<TBODY >

<TR>

<TD>1</TD><TD>2</TD><TD>3</TD></TR>

</TBODY >


</TABLE>
怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客

再加上一行的代码 <TR><TD>1</TD><TD>2</TD><TD>3</TD></TR> 就是无链接的表格:

怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客

把表格里的数字换成链接代码:   <A href="链接地址" target=blank><FONT color=#ffffff size=1>页面名称</FONT></A>    输入网址和名称,就是有链接的表格。:

怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客

怎样改表格边框颜色?

在表格代码里找到 borderColor=#ff0000 改#号后边的颜色代码:

<TABLE border=2 cellSpacing=1 borderColor=#00ff00 cellPadding=1 width=500 bgColor=#60ffff>

更改后效果:

怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客

 
怎样更改边框的宽度?

在表格代码里找到 border=2 这项改一下等号后边的数字既可:

<TABLE border=6 cellSpacing=1 borderColor=#ff0000 cellPadding=1 width=500 bgColor=#60ffff>
改成6的效果:

怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
 
怎样调正内边框和外边框的间距?
 
在表格代码里找到代码  cellSpacing=5  这项改一下等号后边的数值既可,请看改成5的效果:
怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
 
怎样调正文字和边框和间距?
在表格代码里找到代码  cellPadding=1  这项改下等号后边的数字既可,请看改成5的效果:
怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
 
怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
 
  

 

怎样设置表格边框 - 雪花飘飘 - 雪花飘飘的博客
  评论这张
 
阅读(48)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017