首页 > 网站建设 >

网站建设利用CSS样式如何美化表格和边框的外观

发布时间:2019-10-24 作者:网站建设

  如今大家都习惯了使用DIV+CSS布局页面,其实Table+CSS曾经也是流行的页面布局方式。下面网站建设公司详细介绍CSS样式如何美化表格和边框的外观。
(1)表格边框:使用border属性可以设置表格的边框。例如下面这段代码,使用border属性设置了<table>、<th>和<td>的边框属性。
(2)折叠边框:使用border-collapse属性设置是否将表格边框折叠为单一边框。虽然给表格添加了边框,但是显示的是多个边框,其中包括了表格边框、表头边框和单元格边框。如果为表格添加下面的样式,就可以将表格的边框显示为单一的边框。
(3)表格的宽度和高度:通过width和height属性设置表格的宽度和高度。
(4)表格文本对齐:使用text-align和vertical-align属性设置表格中文本的对齐方式。使用text-align属性设置水平对齐方式,如左对齐、右对齐或者居中;使用vertical-align属性设置垂直对齐方式,如顶部对齐、底部对齐或居中对齐。
(5)表格内边距:使用padding属性可以设置表格内边距。
(6)表格的颜色:表格中边框的颜色通过border属性进行设置,表格中文本的颜色通过color属性进行设置,表格中背景的颜色通过background-color属性进行设置。
(7)边框样式:样式是边框最重要的一个方面,因为如果不设置边框样式,将无法显示边框。在CSS中可以通过border-style属性设置10种不同的边框样式。深圳网站建设公司本文关于“网站建设利用CSS样式如何美化表格和边框的外观”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设利用CSS样式如何美化表格和边框的外观
本文地址:https://www.198bona.com/news/4392.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯