ラベル css の投稿を表示しています。 すべての投稿を表示
ラベル css の投稿を表示しています。 すべての投稿を表示

2013年3月26日火曜日

[ Jsp ] Div 改行 防止 禁止

<Div>は基本的に改行する。

<div id="urlid_confirm" style="display:inline">

2013年2月14日木曜日

[ jsp ] イメージ 画像 回転 CSS 



img.90{
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
img.180{
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
img.270{
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

2013年2月12日火曜日

[Jsp][HTML] CSS スタイル ボタン


<style type="text/css">
.myButton {
color: #150;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
background-color: #fed;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#aabbccdd', EndColorStr='#aabbccdd' );
}

.myButtonh {
color: #100;
font: bold 84% 'trebuchet ms', helvetica, sans-serif;
border: 1px solid;
border-color: #696 #363 #363 #696;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#ffffff', EndColorStr='#ffeeddaa' );
border-color: #c63 #930 #930 #c63;
}
</style>


<input type="submit" value="選択削除" class=myButton
onmouseover="this.className='myButtonh'"
onmouseout="this.className='myButton'">

マウスによって変化

参考サイト
http://www.webreference.com/programming/css_stylish/