我对HTML知之甚少，基本上只了解我自学的知识（因此，如果您回答，请不要用开发人员的语言说）。
我需要整个以下样式的按钮都可以单击，而不仅仅是文本。我一直在研究整个谷歌，但无法解决。
此外，拐角仅在某些浏览器中显示为圆角，而在其他浏览器中为正方形，是否有办法使它在大多数（如果不是全部）浏览器中显示为圆角？
<tbody>
<tr>
<td>
<table style="background-color: #434242; border: 4px solid #ffffff; border-radius: 30px; -moz-border radius: 30px -webkit-border-radius: 30px;" border="0" width="20%" cellspacing="0" cellpadding="0">
<td style="color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: -.20px; line-height: 100%; padding: 8px 8px 8px 8px;" align="center" valign="middle"><a style="color: #ffffff; text-decoration: none;" href="http://www.myurl.com">MY SITE</a></td>
</tr>
</tbody>
</table>
</td>
最佳答案
您是否特别需要将其放在表格标签中？如果不是这样，则仅对链接本身进行样式设置会更容易，如下所示：
<a style="padding: 6px 35px; background-color: #434242; color: #fff; text-transform: uppercase; letter-spacing: -.2px; text-decoration: none; font-family: helvetica,arial,sans-serif; border-radius: 20px; font-size: 12px;" href="http://myurl.com">My Site</a>
或者，您可以在链接中添加所谓的类，并在站点的CSS中定义该类。
<head>
<style type="text/css">
.mysite-button {padding: 6px 35px;
background-color: #434242;
color: #fff;
text-transform: uppercase;
letter-spacing: -.2px;
text-decoration: none;
font-family: helvetica,arial,sans-serif;
border-radius: 20px;
font-size: 12px;}
</style>
</head>
<body>
<a class="mysite-button" href="http://myurl.com">My Site</a>
</body>
请参阅此处的链接以查看所有这些操作：http://jsfiddle.net/nk365o77/
关于html - 整个按钮可点击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27259858/