我对 HTML 了解不多，基本上只是我自学的(所以如果你回答请不要说开发人员语言嘿嘿)。 我需要整个下面样式的按钮都可以点击，而不仅仅是文本。我一直在谷歌上进行研究，但无法解决。 此外， Angular 落仅在某些浏览器中显示为圆形，而在其他浏览器中显示为方形，有没有办法让它在大多数(如果不是所有)浏览器中显示为圆形？
<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/