图片按钮 CSS
来源:互联网 发布:四舍五入数据 英文 编辑:程序博客网 时间:2024/05/29 13:55
데스크홈 로딩 중입니다.
CSS Code
01
/* UI Object */
02
/* Common */
03
body,p,h
1
,h
2
,h
3
,h
4
,h
5
,h
6
,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
margin
:
0
;
padding
:
0
}
04
body,input,textarea,select,button,table{
font-family
:
'돋움'
,Dotum,AppleGothic,
sans-serif
;
font-size
:
12px
}
05
img,fieldset{
border
:
0
}
06
ul,ol{
list-style
:
none
}
07
em,address{
font-style
:
normal
}
08
a{
text-decoration
:
none
}
09
a:hover,a:active,a:focus{
text-decoration
:
underline
}
10
11
.ld_line{
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
1000
;
height
:
40px
}
12
.ld_line:after{
display
:
block
;
clear
:
both
;
content
:
''
}
13
.ld_line .lft,.ld_line .rgt{
float
:
left
;
width
:
11px
;
height
:
40px
;
font-size
:
0
;
line-height
:
0
}
14
.ld_line .lft{
background
:
url
(http://
static
.naver.com/desk/ld
1
_lft.png)
no-repeat
0
0
;
_background
:
none
;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'http://static.naver.com/desk/ld1_lft.png'
,sizingMethod=
'crop'
)}
15
.ld_line .rgt{
background
:
url
(http://
static
.naver.com/desk/ld
1
_rgt.png)
no-repeat
0
0
;
_background
:
none
;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'http://static.naver.com/desk/ld1_rgt.png'
,sizingMethod=
'crop'
)}
16
.ld_line .cont{
float
:
left
;
height
:
26px
;
padding
:
14px
7px
0
0
;
background
:
url
(http://
static
.naver.com/desk/ld
1
_cen.png)
repeat-x
0
0
;
_background
:
none
;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'http://static.naver.com/desk/ld1_cen.png'
,sizingMethod=
'scale'
);
color
:
#fff
}
17
.ld_line .cont img{
margin
:
-3px
9px
0
0
;
vertical-align
:
top
}
18
/* //UI Object */
HTML Code
1
<!-- UI Object -->
2
<
div
class
=
"ld_line"
>
3
<
div
class
=
"lft"
></
div
>
4
<
div
class
=
"cont"
><
img
src
=
"http://static.naver.com/desk/ico_ld_cm.gif"
width
=
"17"
height
=
"17"
alt
=
""
><
strong
>데스크홈</
strong
> 로딩 중입니다.</
div
>
5
<
div
class
=
"rgt"
></
div
>
6
</
div
>
7
<!-- //UI Object -->
- css按钮一张图片
- 图片按钮 CSS
- css 3 发光图片按钮
- 利用CSS实现按钮效果(无图片)
- css做的图片型按钮。
- css 鼠标移动到按钮图片改变
- [CSS]Input标签与图片按钮对齐
- css伪装选择图片上传按钮
- css实现上传文件,file按钮用图片显示
- css实现上传文件,file按钮用图片显示
- 一个png图片按钮效果,用css sprite,支持ie6
- 兼容浏览器的纯CSS BUTTON按钮代码,无需图片
- 试按钮或图片变灰的CSS
- JQuery与CSS之图片上放置按钮
- Bootstrap-CSS-按钮-图片-辅助类-响应式
- Bootstrap全局CSS样式之按钮和图片
- 图片大小固定的html+css图片提交按钮代码
- bootstrap——css样式(五、按钮和图片)
- 网络技术学习(java script & html)
- 新页面的CSS Reset
- 唯一性索引优化实践(讲得好细哦)
- IOS---VM ware9.0安装 10.8 Mountain Lion +Xcode4.6.5(一)
- Codeforces Beta Round #36 / 36A Extra-terrestrial Intelligence(模拟)
- 图片按钮 CSS
- QQ2013手工去广告
- hdu(1563)Find your present!
- android开发之应用编程
- Android Tombstone/Crash的log分析和定位
- hdu 4678 Mine(博弈SG,4级)
- MPMoviePlayerController 视频播放器—IOS开发
- 如何签名发布软件
- 【周全考虑】CodeForces 245B——Internet Address