电脑技术网——专业手机电脑知识平台,关注科技、手机、电脑、智能硬件
HTMLCSSHTML5Bootstrap

HTML的表格样式

2020-11-28 21:18:36 出处:[ 菜菜电脑网 ] 人气:次阅读
给大家交友一个样子的HTML的表格样式,这个表格每个格子里都有背景图,


首先你能够浏览俩张图,

cell-blue.jpg

cell-grey.jpg

命名为cell-blue.jpg和cell-grey.jpg

拷贝下面的代码到你想的地方,那时候删减图片url

<!-- CSS goes in the document HEAD or added to your external stylesheet --><style type="text/css">table.imagetable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px;border-color: #999999;border-collapse: collapse;}table.imagetable th {background:#b5cfd2 url('cell-blue.jpg');border-width: 1px;padding: 8px;border-style: solid;border-color: #999999;}table.imagetable td {background:#dcddc0 url('cell-grey.jpg');border-width: 1px;padding: 8px;border-style: solid;border-color: #999999;}</style><!-- Table goes in the document BODY --><table class="imagetable"><tr><th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th></tr><tr><td>Text 1A</td><td>Text 1B</td><td>Text 1C</td></tr><tr><td>Text 2A</td><td>Text 2B</td><td>Text 2C</td></tr></table>

无需的朋友可以实际上拿去用,更多精彩叮嘱注目php中文网其它就其文章!

就其书本:

class与id有什么区别

怎么让网页逆黑白色

HTML网页字体大小的设置

以上就是HTML的表格样式的概要内容,更多请求注目php中文网其它特别文章!

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2008-2020 caicaipc.com Inc All Rights Reserved.
菜菜电脑网 版权所有 联系QQ:173533152