标签定义,创建一个3行3列的表格:
单元格1 |
单元格2 |
单元格3 |
单元格4 |
单元格5 |
单元格6 |
单元格7 |
单元格8 |
单元格9 |
2、接下来,我们需要使用CSS样式来给表格添加背景,在HTML中,我们可以使用内联样式、内部样式表和外部样式表来定义CSS样式,这里我们使用内联样式为例,将CSS样式直接写在HTML标签中。 3、要给表格添加背景,我们可以使用backgroundcolor 属性来设置背景颜色,将表格的背景颜色设置为浅灰色:
单元格1 |
单元格2 |
单元格3 |
单元格4 |
单元格5 |
单元格6 |
单元格7 |
单元格8 |
单元格9 |
4、除了设置背景颜色,我们还可以使用backgroundimage 属性来设置背景图片,将表格的背景图片设置为一个名为background.jpg 的图片:
单元格1 |
单元格2 |
单元格3 |
单元格4 |
单元格5 |
单元格6 |
单元格7 |
单元格8 |
单元格9 |
5、如果需要设置背景图片的平铺方式,可以使用backgroundrepeat 属性,将背景图片设置为不重复平铺:
单元格1 |
单元格2 |
单元格3 |
单元格4 |
单元格5 |
单元格6 |
单元格7 |
单元格8 |
单元格9 |
6、如果需要设置背景图片的位置,可以使用backgroundposition 属性,将背景图片设置为水平垂直居中:
单元格1 |
单元格2 |
单元格3 |
单元格4 |
单元格5 |
单元格6 |
单元格7 |
单元格8 |
单元格9 |
通过以上步骤,我们就可以在HTML中给表格添加背景了,需要注意的是,如果同时设置了背景颜色和背景图片,背景图片会覆盖背景颜色,还可以使用其他CSS属性来调整表格的背景效果,如border 、borderradius 等。
本文标题:html中如何给表格添加背景
URL地址:http://www.shufengxianlan.com/qtweb/news33/188733.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联
|