精华内容
下载资源
问答
  • html表格边框

    千次阅读 2018-09-28 20:40:18
    边框: 隐藏横向分割线 rules = cols 隐藏竖向分割线 rules = rows 隐藏所有分割线 rules = none 外边框: 只显示上边框 frame = above 只显示下边框 frame = below 只显示左右边框 frame = vsids 只显示山下边框 ...

    内边框:
    隐藏横向分割线 rules = cols
    隐藏竖向分割线 rules = rows
    隐藏所有分割线 rules = none
    外边框:
    只显示上边框 frame = above
    只显示下边框 frame = below
    只显示左右边框 frame = vsids
    只显示山下边框 frame = hsides
    只显示左边框 frame = lhs
    只显示右边框 frame = rhs

    展开全文
  • html表格边框的设置

    2015-12-11 13:53:46
    html表格边框的设置 这里介绍两种html表格边框的设置方法。 第一种是直接使用表格的border属性设置 第二种是利用表的背景色来设置边框 先来看第一种  直接使用表的 "border" 属性设置边框线 ...
     html表格边框的设置
    

    这里介绍两种html表格边框的设置方法。

    第一种是直接使用表格的border属性设置 第二种是利用表的背景色来设置边框

    先来看第一种  

      <table border="1"  bordercolor="#00CCCC"  width="300">
        <caption>直接使用表的 "border" 属性设置边框线</caption>
          <tr>
    	    <td>
    		  名称
    		</td>
    		<td>
    		 分类
    		</td>
    	  </tr>
    	  <tr>
    	     <td>
    		   苹果
    		 </td>
    		 <td>
    		   水果
    		 </td>
    	  </tr>
       </table>





    效果:

    直接使用表的 "border" 属性设置边框线
    名称 分类
    苹果 水果

    这样是不是比较难看呢。原来表格的单元格之间默认情况下是有1像素的间隔的
    如果设置单元格之间的间距为0,表格变为如下

        <table border="1"     cellspacing="0"    bordercolor="#00CCCC" width="300">  
          <caption>直接使用表的 "border" 属性设置边框线</caption>  
            <tr>  
           <td>  
          名称  
        </td>  
        <td>  
         分类  
        </td>  
         </tr>  
         <tr>  
            <td>  
           苹果  
         </td>  
         <td>  
           水果  
         </td>  
         </tr>  
         </table>  


    效果
    直接使用表的 "border" 属性设置边框线
    名称 分类
    苹果 水果

    来看第二种。第二种直接用表格的背景来呈现表格的边框。

    源码


        <table border="0" cellpadding="1" bgcolor="#00CCCC" width="300">  
            <caption >以表格的背景作为边框线</caption>  
            <tr>  
                <td bgcolor="#FFFFFF">  
                 名称  
                </td>  
                <td bgcolor="#FFFFFF">  
                 分类  
                </td>  
              </tr>  
              <tr>  
                 <td bgcolor="#FFFFFF">  
                  苹果  
                 </td>  
                 <td bgcolor="#FFFFFF">  
                  水果  
                 </td>  
              </tr>  
           </table>  


    效果如图:


    以表格的背景作为边框线
    名称 分类
    苹果 水果


    看到了通过设置border="0",记不显示边框,通过设置cellpadding="1",来设置表格单元格间的间隔; bgcolor来设置了表格的背景色。这样就将背景色当作了表格的边框。 当然这做的话,就得将每个单元格的背景色改变一下,来覆盖表格的背景色。要不然就全显示为表格的背景色了。


    本文出自:http://blog.csdn.net/wqjsir/article/details/7109231

    展开全文
  • 表格属性CSS表格属性用于设置HTML表格的样式,HTML表格由 标签嵌套,,等标签组成,一个HTML表格默认至少包含table,tbody,tr,td四个元素。CSS表格属性:border-collapse:用于table元素,设置单元格是否合并,...

    表格属性

    CSS表格属性用于设置HTML表格的样式,HTML表格由

    标签嵌套,,等标签组成,一个HTML表格默认至少包含table,tbody,tr,td四个元素。

    CSS表格属性:

    border-collapse:用于table元素,设置单元格是否合并,默认值separate,可选值collapse(合并)。

    border-spacing:设置相邻单元格的边框间的距离(仅用于"边框分离"模式)。

    caption-side:设置表格标题的位置,默认值top,可选值bottom。

    empty-cells:设置是否显示表格中的空单元格(仅用于"分离边框"模式)。

    border:设置是否显示表格边框。

    表格边框

    显示表格边框有时候特别重要,它能让表格结构更清晰。

    Document

    table,td{

    border:1px solid black;

    }

    HTMLCSS
    JavaScriptJQuery

    折叠边框

    默认的表格有双边框,这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

    Document

    table{

    border-collapse:collapse;/*折叠成一个单一的边框*/

    }

    table,td{

    border:1px solid black;

    }

    HTMLCSS
    JavaScriptJQuery

    表格的背景,宽高,文本,字体和其他元素设置一样。

    展开全文
  • HTML表格边框的设置小技巧

    千次阅读 2014-04-17 09:41:58
    HTML表格边框的设置小技巧 对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。 对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格...

    HTML表格边框的设置小技巧


    对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。

    对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。

    一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:

    ID NAME GENDER
    1001 mike male

    可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:

    ID NAME GENDER
    1001 mike male

    但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,

    即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

    ID NAME GENDER
    1001 mike male

    再给表格加个颜色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

    ID NAME GENDER
    1001 mike male

    展开全文
  • html表格边框样式

    千次阅读 2015-12-01 15:27:52
    .borderedTable { border-style: solid; border-width: 1px 0px 0px 1px; border-collapse: collapse; } .borderedTable td { border-style: solid; border-width: 0px 1px 1px 0px
  • HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线,因为默认的TABLE边线设置即使是1px 是很粗的。 因此会使用其他一些方法来制作出细线边框,这里介绍一种利用CSS来实现细线的方法,很有效,而且兼容所有浏览器...
  • 设置表格边框样式的方法:1、给table元素添加“border:边框宽度 边框样式 边框颜色”样式,可给整个表格设置边框样式;2、给td元素添加“border:边框宽度 边框样式 边框颜色”样式,可给每个单元格设置边框样式。本...
  • html 表格 边框样式问题

    千次阅读 2012-05-27 22:22:16
    以前不知道table 表格边框样式怎么设置,让每一个td都有边框样式,可是边框样式会重复,总是看起来会有瑕疵,现在想起个办法了, 直接看代码
  • ps中返回上一步快捷键是什么_WEB前端开发ps中返回上一步快捷键是Ctrl+Z。Ctrl+Z意思为撤销,即可以实现返回上一步的效果,Ctrl+Z快捷键可用在大部分软件中,不仅仅是ps。table表格是网页制作中以前较常... html表格...
  • 外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。  解决办法:  外表格样式:  内表格样式:
  • 对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性,比如:,其效果如下: IDNAMEGENDER1001mikemale 可以发现表格的边框...
  • html 表格上下左右边框颜色各不同,怎么设置?html是一种网页代码,即在网页中显示的...border-right:1px solid blue;border-bottom:1px solid orange;border-left:1px solid pink。怎么修改HTML表格边框颜色HT...
  • 8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?简单谈下现代一像素表格的实现一、基础铺垫:① ...border 表格内单元格边框的宽度 [STF][^hello][^hello]:注:DTD指示此属性允许在...
  • html设置表格边框样式

    万次阅读 2018-04-20 14:22:01
    html设置表格边框样式&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;设置表格边框...
  • CSS如何设置html table表格边框样式

    万次阅读 2018-01-22 18:17:16
    CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: ...以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例;tabl
  • 详解HTML中table表格边框如何控制html中table表格边框的熟练掌握可以作出很好的效果,本文我们就来详细讲解一下table的边框控制方法。 表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框...
  • html table 表格元素的默认设置中,如果为每个表格定义它的边框,整体看起来就...table 表格边框默认的样式例代码:html>Documenttable{width:300px;height:120px;border:1pxsolid#ccc;text-align:center;}t...
  • 小白今天在复习html表格的标签的时候发现仅用html做的表格边框线很粗糙,然后无意间发现一个巧妙的窍门可以使html制作的表格边框线更精致一点(不采用div等什么其他方法,只用html语言)(大神可以直接pass了…) ...
  • CSS如何设置html table表格边框样式 CSS如何设置table表格边框样式 对table设置css样式边框,分为几种情况: 1、只对table设置边框 2、对td设置边框 3、对table和td技巧性设置表格边框 4、对...
  • 设置表格HTML代码如下:内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容效果图:css设置表格边框:一、只对表格table标签设置边框只对table标签设置bord...
  • CSS设置html table表格边框样式

    千次阅读 2017-03-13 20:33:56
    表格边框
  • html中去掉表格边框线可以将boder属性设置成0px solid即可。如下图所示:border 简写属性在一个声明设置所有的边框属性。为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,146
精华内容 24,058
关键字:

html表格边框