Buenas tardes! Me ha surgido una duda haciendo el ejercicio CU01058D del curso de fundamentos de programación web con CSS usando Notepad++ como editor, y le he dado vueltas pero no consigo solucionarlo, no logro que se me pongan las dos esquinas derechas bordeadas... Os pego el código para que podáis ver el fallo:
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<style>
table {width:500px; height: 250px; margin: 45px; border-collapse: collapse; background-color: #EFEFEF; ;font-weight: bold; text-align: center; border-radius: 20px;}
th{font-family: sans-serif; font-size: 18px; font-weight: 1000;}
tr td, th { padding: 8px; color: black; border-left: 1px solid white;}
td:not(.tfootIn), th:not(.tfootIn) {border-bottom: 1px solid #D3D3D3}
td:not(.tfootIn) {background-image: url(http://i.imgur.com/WX1dBA4.png?1); background-size: 25px; background-repeat: no-repeat; background-position: center}
tr td:last-child {background-color: #d2ffc4;}
tr th:last-child {background-color: #d2ffc4;}
tr .cross {background-image: url(http://www.pngmart.com/files/3/Red-Cross-PNG-Clipart.png); background-size: 30px; background-repeat: no-repeat; background-position: center}
</style>
</head>
<body>
<table>
<thead>
<tr> <th>Standard</th> <th>Professional</th> <th>Enterprise</th>
</tr></thead>
<tbody>
<tr> <td> </td> <td></td> <td></td></tr>
<tr> <td> </td> <td></td> <td></td></tr>
<tr> <td class="cross"> </td> <td></td> <td></td></tr>
<tr> <td class="cross"></td> <td class="cross"></td> <td></td></tr></tbody>
<tfoot><tr> <td class="tfootIn">$99</td> <td class="tfootIn">$199</td> <td class="tfootIn">$399</td></tr></tfoot>
</table>
</body>
</html>Debe de haber algo que anule la propiedad en esos dos lados, pero logro averiguar qué es... Mil gracias de antemano!
Tema: Cómo poner esquinas redondeadas tabla CSS HTML border-radius Ejercicio CU01058D (Leído 4168 veces)
RSS -
WAP2