Maison > Questions et réponses > le corps du texte
Je vois une bordure autour du bouton sur la page HTML. J'essaie de créer un bouton bleu et un vert et de les placer sur une table. Le code est le suivant :
<table align="center"> <tr style=" font-family: verdana; font-size: 24px;"> <th> Select your Region </th> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> <td align="center"> <button> <a id="cust" type="button" style= "background-color: #00824A; border: none; color: white; padding: 16px 55px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; font-weight: bold; font-family: verdana" href="URL"> US </a> </button> </td> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> </tr> <tr> <td align="center"> <button> <a id="cust" type="button" style= "background-color: #0061D5; border: none; color: white; padding: 16px 55px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; font-weight: bold; font-family: verdana" href="URL"> EU </a> </button> </td> </tr> </table>
Voici comment ils apparaissent sur la page web :
Je veux que tout le bouton soit de cette couleur, sans gris autour. J'ai supprimé la "border" avec border: none dans le style. Au lieu de cela, il affiche un rectangle de couleur à l’intérieur d’un bouton gris plus grand.
P粉6052337642024-03-31 00:35:21
Border est button
元素本身,而不是其中的链接 。您需要使用
Lecture connexe : https://css-tricks.com/overriding-default-button style/
Select your Region |
---|