In html table, set different colors and widths for each cell
|
It is recommended that you do not set the width, height, etc. directly in the table, as this often results in the settings not taking effect. If you add settings in style, there will be no problem. You can copy the code directly to the middle of body and use it. Copy code The code is as follows:<table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center"> <tr> <td bgcolor="e91e6f"; style=" width:196px;">01</td> <td bgcolor="224071"; style=" width:196px;">02</td> <td bgcolor="f12339"; style=" width:196px;">03 </td> <td bgcolor="1ea27e"; style=" width:196px;">04</td> <td bgcolor="224071"; style=" width:196px;">05</td> </tr> <tr> <td bgcolor="1ea27e">06</td> <td bgcolor="e91e6f">07</td> <td bgcolor="224071">08</td> <td bgcolor="f12339">09 </td> <td bgcolor="1ea27e">10</td> </tr> <tr> <td bgcolor="e91e6f">11</td> <td bgcolor="224071">12</td> <td bgcolor="f12339">13</td> <td bgcolor="1ea27e">14 </td> <td bgcolor="224071">15</td> </tr> <tr> <td bgcolor="1ea27e">16</td> <td bgcolor="e91e6f">17</td> <td bgcolor="224071">18</td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr> </table> Effect picture:  |
<<: SQL implementation LeetCode (185. Top three highest salaries in the department)
>>: VMware, nmap, burpsuite installation tutorial
Recommend
Summary of MySql import and export methods using mysqldump
Export database data: First open cmd and enter th...
Implementation of 2D and 3D transformation in CSS3
CSS3 implements 2D plane transformation and visua...
Detailed explanation of the difference between the default value of the CSS attribute width: auto and width: 100%
width: auto The child element (including content+...
Use xshell to connect to the Linux server
Benefits of using xshell to connect to Linux We c...
CSS to achieve text on the background image
Effect: <div class="imgs"> <!-...
How to start a Java program in docker
Create a simple Spring boot web project Use the i...
js to implement a simple bullet screen system
This article shares the specific code of native j...
MySQL slow query pitfalls
Table of contents 1. Slow query configuration 1-1...
About the problem of no virtual network card after VMware installation
1 Problem description: 1.1 When VMware is install...
Summary of various methods for Vue to achieve dynamic styles
Table of contents 1. Ternary operator judgment 2....
In-depth explanation of the failure of writing SQL containing English single quotation marks "''"
I have encountered a problem. When testing the ed...
Introduction to using data URI scheme to embed images in web pages
The data URI scheme allows us to include data in a...
What to do if you forget the initial password of MySQL on MAC
The solution to forgetting the initial password o...
Detailed code for adding electron to the vue project
1. Add in package.json "main": "el...
Docker+nacos+seata1.3.0 installation and usage configuration tutorial
I spent a day on it before this. Although Seata i...