1

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);
}

これが正しい質問なのか正しいコードなのかわかりません。

4

2 に答える 2

2

リンクは CSS を介して追加されるのではなく、HTML を介して追加されます。

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

指定したスタイルで表示する場合は、.ui-state-highlightクラスを指定するだけです。

<a href="http://example.com" class="ui-state-highlight">My Styled Link</a>
于 2013-05-29T11:31:05.240 に答える
1

ボタンにリンクを追加するだけの場合は、次を使用できます

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

または、URL を新しいページに開きますか??

于 2013-05-29T11:30:22.823 に答える