在CSS中添加URL链接&；Html到按钮

如何将CSS按钮更改为带有URL链接的按钮？ 我读到我还需要添加HTML代码

我能找到的按钮的唯一代码是：

 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
position: relative;
margin-bottom: 1px;
color: #FFF;
background-color: #2265B9;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#FCEEC1), to(#EEDC94));
background-image: -moz-linear-gradient(top, #FCEEC1, #EEDC94);
background-image: -ms-linear-gradient(top, #FCEEC1, #EEDC94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCEEC1), color-stop(100%, #EEDC94));
background-image: -webkit-linear-gradient(top, #069CFF, #0A6AB6);
background-image: -o-linear-gradient(top, #FCEEC1, #EEDC94);
background-image: linear-gradient(top, #FCEEC1, #EEDC94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
border-color: #EEDC94 #EEDC94 #E4C652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

---

我不确定这是一个正确的问题还是正确的代码。

如果您只想添加一个按钮链接，那么您可以使用

<button onlick="#"><a href="http://google.com/"> Open this website</a></button>

---

或者您想将url打开到新页面吗？？？

链接不是通过CSS添加的，而是通过HTML添加的：

<a href="http://example.com">My Link</a>

---

您好，谢谢james，但我不知道该在哪里添加此html代码，CSS按钮文件夹中只有一个html文件，您如何将此按钮添加到页面？此按钮随jomres软件提供，我只能从中看到CSS jquery文件/代码，我不太清楚你的意思。通常使用HTML和CSS，你会有一个HTML页面，链接到你的CSS页面进行样式设计。HTML是添加链接等元素的地方，CSS是设置链接样式的地方。哦，我看到，在CSS/ui_template/mybutton.CSS文件夹中只有一个index.HTML文件，只有一个主体和颜色代码，但我猜官方HTML文件不在CSS文件夹中，它一定在另一个地方，我会问软件开发人员这个文件的位置在哪里。。谢谢你，詹姆斯

<a href="http://example.com" class="ui-state-highlight">My Styled Link</a>