<img src="" alt="">alt用于占位。图片未下载完时,显示文本用
[b]trick[/b]
<a><img></a>时,会有border。img{border:0}
[b]width 和height[/b]
应该指定,浏览器在渲染时,会根据这两个值计算图片的高度和宽度。可在css,或直接在页面上指明。
[b]backgroud image[/b]
元素的背景。
background-attachment:用于指明图片是否滚动或固定.fixed,scroll
background-repeat:水平或垂直方向重复。repeat-x repeat-y
background-position:默认从左上角(top left)开始。这里可以指明
[b]缩写[/b]
background-color,backgorund-image,b-repeat,b-attachment,b-position
[b]css 圆角[/b]
[b]用图片代替文字[/b]
主要用于标题。用设计好的图片代替文字。
方法一:<h1><span>标题</span></h1> span的css为span{display:block;height:0;overflow:hidden}
方法二:不用span,用文本缩进
<h1>标题</h1> h1{width,height,background-image,font-size:1px;text-indent:-999em;}缺点:图片未下载时,没有文字内容
方法三:<h1><span></span>sdfsf<h1>
h1{
position:realtive;
width:500px;
height:200px;
font-size:50px;
}
span{
position:absolute;
top:0;
width:500px;
height:200px;
background-image:url
}
缺点:图片必须不透明,字体大小必须小于图片
[b]trick[/b]
<a><img></a>时,会有border。img{border:0}
[b]width 和height[/b]
应该指定,浏览器在渲染时,会根据这两个值计算图片的高度和宽度。可在css,或直接在页面上指明。
[b]backgroud image[/b]
元素的背景。
background-attachment:用于指明图片是否滚动或固定.fixed,scroll
background-repeat:水平或垂直方向重复。repeat-x repeat-y
background-position:默认从左上角(top left)开始。这里可以指明
[b]缩写[/b]
background-color,backgorund-image,b-repeat,b-attachment,b-position
[b]css 圆角[/b]
[b]用图片代替文字[/b]
主要用于标题。用设计好的图片代替文字。
方法一:<h1><span>标题</span></h1> span的css为span{display:block;height:0;overflow:hidden}
方法二:不用span,用文本缩进
<h1>标题</h1> h1{width,height,background-image,font-size:1px;text-indent:-999em;}缺点:图片未下载时,没有文字内容
方法三:<h1><span></span>sdfsf<h1>
h1{
position:realtive;
width:500px;
height:200px;
font-size:50px;
}
span{
position:absolute;
top:0;
width:500px;
height:200px;
background-image:url
}
缺点:图片必须不透明,字体大小必须小于图片