HTML中新建表格怎么加背景

ID:9751 / 打印
在html中,可以使用background属性设置新建表格中的背景,只需要给表格元素设置“background:属性值”即可。background属性在一个声明中设置所有的背景属性,可以设置对象为纯色的背景颜色,也可以设置图片为背景。

HTML中新建表格怎么加背景

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

表格的颜色设置非常简单,和文字的颜色设置完全一样。

CSS通过background属性设置表格的背景;通过color属性设置表格中文字的颜色。

示例:

立即学习“前端免费学习笔记(深入)”;

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta http-equiv="X-UA-Compatible" content="IE=edge" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <title>Document</title>     <style>       body {         background-color: #ebf5ff;         margin: 0px;         padding: 4px;         text-align: center;       }       table {         background: pink;         color: white;       }     </style>   </head>    <body>     <table border="1">       <tr>         <th>NAME</th>         <th>AGE</th>         <th>NUMBER</th>       </tr>       <tr>         <td rowspan="2">xm</td>         <td>10</td>         <td>2020</td>       </tr>       <tr>         <td>3</td>         <td>2021</td>       </tr>       <tr>         <td>xf</td>         <td>4</td>         <td>2010</td>       </tr>     </table>   </body> </html>

效果:

L]5A%P2Q_1IDINVGK(F{5J6.png

推荐学习:html视频教程

上一篇: html如何实现播放和暂停
下一篇: html5中table的意思是什么

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。