html怎么设置table边框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html怎么设置table边框相关的知识,希望对你有一定的参考价值。

html设置table的边框的方法是使用border 属性实现。

说明:

    border 属性规定表格单元周围是否显示边框。

    值 "1" 指示应该显示边框,且表格不用于布局目的。

    在 HTML5 中,border 属性仅用于指示表格是否用于布局目的,且只允许属性值 "" 或 "1"。

完整用法举例:

1、html中的table代码如下:

<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>table的边框</title> 

</head>

<body>

<table border="1">

  <tr>

    <th>Month</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>January</td>

    <td>$100</td>

  </tr>

  <tr>

    <td>February</td>

    <td>$80</td>

  </tr>

</table>

</body>

</html>

2、运行后的效果:

参考技术A HTML的表格标签是:<table >

边框的属性有:
border:边框大小
bordercolor:边框颜色
bordercolordark:边框暗边颜色(即右下边框颜色),只支持IE
bordercolorlight:边框亮边颜色(即左上边框颜色),只支持IE本回答被提问者采纳
参考技术B 在td元素上使用border样式即可! 参考技术C <table bordercolor="#000" border="1"></table>

参考技术D <table border="1"></table>

怎么给android 设置边框

    android 设置边框利用内容的margin或者padding的留白加容器的背景来实现边框效果。

    shape来实现边框效果

    corners是设置边框圆角

    stroke是描边的

    layer-list实现自由边框

  嵌套一层,利用内容的margin或者padding的留白加容器的背景来实现边框效果。其实这个道理很简单,很早的时候那时候我们还用table做html页面布局的时候,我们就是使用cellspacing来实现table的边框的。现在我们也利用同样的想法来实现。

  当然内部的容器也是需要有颜色的,如果想实现内部透明的效果则需要将内部View的背景色跟背景的颜色保持一致,这是不太方便的地方。


  在Android中,给一个控件(或View)设置背景主要是通过background:xxx属性来完成。background的参数一般来说是一个drawable资源。


  给控件设置边框最简单的方式就是把background设置成你预先设计好的带圆角和边框的背景图。但是这种方法的缺点是没有灵活性,不同大小的view要不同尺寸的图片,还要去适应不同分辨率的设备。


  3使用9-patch(九宫格)的背景图片来实现边框效果。


  做一个有边框的9-patch图片,作为要有边框的View的背景图即可。这样你还可以控制哪边有边框,哪边无边框,这种方法是比较好的一种方法,而且没有多余的View嵌套。另外你还可以实现圆角边框等效果。


  4利用shape来实现边框效果。


  当然你可以使用shape中的stroke来实现border的效果。


  /res/drawable/filename.xml


  只要引用这个shape作为背景图片即可。


  5.layer-list实现自由边框

  当前版本的Android

  SDK并没有给stroke提供bottom、left、right之类的属性,也就是说你无法通过它来让长方形的边框少于4条。于是有人想出了这个方法。


  android:width="1dp"


  android:color="#333"/>


  android:left="1dp"


  android:top="1dp"


  android:right="1dp"


  android:bottom="1dp">


  android:color="#FFF"/>


  在第二个item中定义的top,left...就是对应的边框,不设置即没有边框。

参考技术A 如果说给控件或则组件加边框,可以使用自定义背景,其中solid是设置填充的,corners是设置边框圆角的,stroke是描边的。下面贴出一段自定义背景。

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_selected="true"><shape>
<solid android:color="@color/click_clor" />

<stroke android:width="0dp" />

<corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" />
</shape></item>
<item android:state_focused="true"><shape>
<solid android:color="@color/click_clor" />

<stroke android:width="0dp" />

<corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" />
</shape></item>
<item android:state_pressed="true"><shape>
<solid android:color="@color/click_clor" />

<stroke android:width="0dp" />

<corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" />
</shape></item>
<item android:state_enabled="false"><shape>
<solid android:color="@color/top_color" />

<stroke android:width="0dp" />

<corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" />
</shape></item>
<item><shape>
<solid android:color="@color/top_color" />

<stroke android:width="0dp" />

<corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" />
</shape></item>

</selector> 将此新建放入drawable文件夹中
使用很简单
直接background="@drawable/文件名"即可本回答被提问者和网友采纳
参考技术B 使用shape,
<solid android:color="#FF6D00"/>(控件的填充颜色)
<stroke android:width="2dp"
android:color="#FF6D00"/>(边框的宽度以及颜色)
<corners android:radius="3dp"/>(边框的角的弧度)

以上是关于html怎么设置table边框的主要内容,如果未能解决你的问题,请参考以下文章

怎么设置html的table的一条边的颜色?

怎么用CSS设置html中的表格边框样式

html 怎么设置单元格之间的线?

怎么在table html设置颜色

我的table怎么没有边框?怎么办

如何在html的表格中加入边框线