如何用css设置一个table中的td的边框

html-css011

如何用css设置一个table中的td的边框,第1张

写了两种方法,你看看吧,也许有用

方法一:<table

width="200px"

height="200px"

frame="box">

<tr>

<td

style="border:1px

solid

red"></td>

<td

style="border:1px

solid

red"></td>

</tr>

<tr>

<td

style="border:1px

solid

blue"

colspan="2"></td>

</tr>

<tr>

<td

style="border:1px

solid

red"

colspan="2"></td>

</tr>

<tr>

<td

style="border:1px

solid

blue"

colspan="2"></td>

</tr>

</table>

这种方法是设置行内每个单元格的样式

方法二:

<table

width="200px"

height="200px"

frame="box">

<tr

bordercolor="#FF0000">

<td

></td>

<td></td>

</tr>

<tr

bordercolor="#FF0000"

>

<td

colspan="2"></td>

</tr>

<tr

bordercolor="#FF0000"

>

<td

colspan="2"></td>

</tr>

<tr

bordercolor="#FF0000"

>

<td

></td>

</tr>

</table>

两个方法的<table></table>标记里都加frame="box"

我用css写,只想要div左右两边有边框,上下没有边框,要怎么写呢?

先设全边框,再取消上下边框

border:1px solid #cborder-style:none solid

或者

border:1px solid #cborder-width:0 1px

再或者

border:1px solid #cborder-:noneborder-bottom:none

先设全边框,再取消上下边框。

border:1px solid #cborder-style:none solid

border:1px solid #cborder-width:0 1px

border:1px solid #cborder-:noneborder-bottom:none。

css的优点:

结构与样式分离的方式,便于后期维护与改版

样式定义精确到画素的级别

可以用多套样式,使网页有任意样式切换的效果;

降低伺服器的成本。

td 在ie下没有边框怎么办?

不要用表格本身的框写个样式给他就可以了这个在一般情况下都会相容有时候在排版没有给固定高度时候有的边框显示不全时给高度显示height:100%就可以了

CSS 如何让Table的里面TD全有边框 而Table的右左边框没有

table td{border-bottom}这样写的边框,不同样式方法要灵活使用

设定一个TextView左边下边上边有边框右边没有

因为字数太小,所有内容还没有把左边的一栏占满。 你可以尝试这样做: 一、在一半行数的地方加入适当的回车(即空行),让下余部分挤到分栏的右侧; 二、在文件中插入一个文字框,调整文字框的大小

<!-- 连框颜色值 -->

<item>

<shape>

<solid android:color="@color/red" />

<corners android:bottomRightRadius="4dp"

android:bottomLeftRadius="4dp"

android:LeftRadius="4dp"

android:RightRadius="4dp" />

</shape>

</item>

<!-- 主体背景颜色值 -->

<item android:bottom="1dp" android:="1dp" android:left="1dp">

<shape>

<corners android:bottomRightRadius="4dp" ----设定圆角

android:bottomLeftRadius="4dp"

android:LeftRadius="4dp"

android:RightRadius="4dp" />

<padding android:bottom="10dp"

android:left="10dp"

android:right="10dp"

android:="10dp" />

<solid android:color="@color/yellow" />

</shape>

</item>