table表格边框设置为圆滑,设置table的边框

http://www.itjxue.com  2023-01-22 10:31  来源:未知  点击次数: 

web开发中如何把 table 的边框设置为好看的样式?

一般情况下,我们设置表格的边框为1,但是表格的实际边框并不为1px,而是很粗,用以下非常简单的方法可以使边框好看,你可以试试:

首先在Dreamweaver中选中表格,在下面的表格属性面版中把表格的边框改成0,把间距改成1,设置表格的背景颜色为:#cccccc

然后取消选中表格,把光标放在表格的第一个单元格中,用鼠标在第一个单元格中往右下拖动,以选中整个表格的所有单元格(这里是选中所有单元格,并不等同于刚才的选中整个表格),然后在下面的单元格属性面版中,把单元格的背景颜色变成白色。

好了,保存,浏览,看看,这个表格的边框是不是很好看滴说?!

HTML中正确设置表格table边框border的三种办法

html中如果设置table的border为1px,实际会产生双线,十分不美观,那么在HTML中如何正确设置表格table边框border呢?

第一种方法:

1、将table的属性设置为:BORDER=0 、cellspacing=1 ;

2、设置table的背景色为即你要设置的table的边框颜色;

3、设置所有td背景色为#ffffff白色;

第二种方法:

1、设置BORDER=0 ;

2、再通过CSS,给Table加上1px的border-top,border-left;

3、然后再设置所有的td的border-right,border-bottom;

第三种方法(推荐):

1、设置table的CSS为{border-collapse:collapse;border-style: solid;border-width: 1px;}

注:border-collapse:collapse;

separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。

2、再设置td的CSS为{border-style: solid;border-width: 1px;}

转自:

CSS如何实现圆角表格边框

使用CSS3中的border-radius

table{border-radius:5px;overflow:hidden}

如果需要单独针对某一个角设置为圆角可以使用下面代码

border-top-left-radius:5em;

border-top-right-radius:5em;

border-bottom-right-radius:5em;

border-bottom-left-radius:5em;

excel表格外框线怎么设置

EXCEL表格外边框和内边框的设置步骤如下:

1.打开文件,全选绘制好的表格;

2.鼠标右键在弹出的选项里面,找到并点击“设置单元格格式(E)”;

3.在弹出的“设置单元格格式”框中,点击“边框”;

4.在窗口左边,根据个人需求选择边框的“样式”,;

?5.在样式下方,根据个人需求选择需要的颜色即可;

?6.选择完毕,根据个人的需求选择是应用到”外边框“还是”内部(即内边框)“,这里以外边框为例,点击”外边框“即可;

7.点击后预览效果如下图标红框的位置,可以看到外边框的样式和颜色;

8.根据设置外边框的方法,选择内边框的样式和颜色;

?9.设置好,点击”内部“,即可应用到内边框。

拓展资料:

Microsoft Excel是Microsoft为使用Windows和Apple Macintosh操作系统的电脑编写的一款电子表格软件。直观的界面、出色的计算功能和图表工具,再加上成功的市场营销,使Excel成为最流行的个人计算机数据处理软件。

Microsoft Office是一套由微软公司开发的办公软件套装,它可以在Microsoft Windows、Windows Phone、Mac系列、iOS和Android等系统上运行。与其他办公室应用程序一样,它包括联合的服务器和基于互联网的服务。从2007版的Office被称为“Office System”而不叫“Office Suite”,反映出它们包括服务器的事实。

(责任编辑:IT教学网)

更多