Archived topic
Custom table how create css for Simple CSS
1 reply · Started by Maggie on September 11, 2022
Viewing posts 1–2 of 2
Hi Team,
I don't know how to code this css (
) to add on Simple CSS plugin.
https://snipboard.io/mxhCl1.jpg
This is the table code:
<table>
<tbody>
<tr>
<th rowspan="4"><span style="background-color: #a100ff;">Extreme Violet</span></th>
<td>Hex color:</td>
<td>#a100ff</td>
</tr>
<tr>
<td>RGB:</td>
<td>161 0 255</td>
</tr>
<tr>
<td>CMYK:</td>
<td>37 100 0 0</td>
</tr>
<tr>
<td>Pantone:</td>
<td>PMS 2592 C</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<th rowspan="4"><span style="background-color: #000000;">Black</span></th>
<td>Hex color:</td>
<td>#000000</td>
</tr>
<tr>
<td>RGB:</td>
<td>0 0 0</td>
</tr>
<tr>
<td>CMYK:</td>
<td>0 0 0 100</td>
</tr>
<tr>
<td>Pantone:</td>
<td>PMS Process Black C</td>
</tr>
</tbody>
</table>
<tbody>
<tr>
<th rowspan="4"><span style="background-color: #a100ff;">Extreme Violet</span></th>
<td>Hex color:</td>
<td>#a100ff</td>
</tr>
<tr>
<td>RGB:</td>
<td>161 0 255</td>
</tr>
<tr>
<td>CMYK:</td>
<td>37 100 0 0</td>
</tr>
<tr>
<td>Pantone:</td>
<td>PMS 2592 C</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<th rowspan="4"><span style="background-color: #000000;">Black</span></th>
<td>Hex color:</td>
<td>#000000</td>
</tr>
<tr>
<td>RGB:</td>
<td>0 0 0</td>
</tr>
<tr>
<td>CMYK:</td>
<td>0 0 0 100</td>
</tr>
<tr>
<td>Pantone:</td>
<td>PMS Process Black C</td>
</tr>
</tbody>
</table>
Reference link i need to follow the design: https://logos-world.net/accenture-logo/
I already test here but it's not working: https://dwglogo.com/lyft/
I hope you can get my point, thanks.
Hi there,
try:
1. Adding this HTML:
<table>
<tbody>
<tr>
<th rowspan="4"><span class="is-circle" style="background-color: #ff00bf;">Shocking Pink</span></th>
<td><strong>Hex color:</strong></td>
<td>#ff00bf</td>
</tr>
<tr>
<td><strong>RGB:</strong></td>
<td>255 0 191</td>
</tr>
<tr>
<td><strong>CMYK:</strong></td>
<td>0 100 25 0</td>
</tr>
<tr>
<td><strong>Pantone:</strong></td>
<td>PMS 806 C</td>
</tr>
</tbody>
</table>2. Then this CSS for the circle:
.is-circle {
display: flex;
margin: auto;
width: 120px;
height: 120px;
padding: 5px;
align-items: center;
border-radius: 100%;
}
This archived topic is closed to new replies.
