扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
和 div一样 给表格定义class或者id 对齐进行控制就行了
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的洛阳网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
比如 table class="box"trtd/td/tr/table
控制字体大小
.box tr td{ font-size:14px;}
这是设置的边框,将边框的样式设置为 dashed就行,举个例子:
table{
width: 320px;
height: 320px;
}
tr td{
border:1px dashed #333;
}
可以这样写
1、普通居中。
align="center"
table align="center"
tr
td商品名称/td
td商品价格/td
td商品描述/td
td购买/td
/tr
/table
2、css样式居中。
margin:0 auto
style type="text/css"
table1{
margin:0 auto;/* 自动居中,不论王爷的大小 */
border:1;/* 边框粗度 */
width:80%;/* 宽度只占当前页面的80% */
}
/style
设置表格的样式可以直接使用css的border样式来设置的。
工具原料:编辑器、浏览器
1、设置一个表格的外边框为红色,内边框的为黄色,代码如下:
body
table
tr
td知道/td
td知道/td
td知道/td
/tr
tr
td知道/td
td知道/td
td知道/td
/tr
tr
td知道/td
td知道/td
td知道/td
/tr
/table
style
table {
border:1px solid red;
}
td{
border: 1px solid yellow;
}
/style
/body
2、运行的效果如下:
可以为表格标签定义宽,高和边框样式,并为单元格单独设置相应的边框。
如果只设置table样式,则只显示外边框的样式,内部不显示边框。
要想设置相邻单元格边框之间的距离,只能对table标签应用属性。
下面来个例子,你可以复制到你的编辑器里修改测试
style type="text/css"
table.gridtable {}{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
table.gridtable th {}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.gridtable td {}{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
/style
!-- Table goes in the document BODY --
table class="gridtable"
tr
thInfo Header 1/ththInfo Header 2/ththInfo Header 3/th
/tr
tr
tdText 1A/tdtdText 1B/tdtdText 1C/td
/tr
tr
tdText 2A/tdtdText 2B/tdtdText 2C/td
/tr
/table
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流