龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS教程之:CSS图片

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
图片是网页的重要组成部分,适当的使用图片,可以制作非常漂亮的网页。 通过CSS,我们可以设置图片的如下样式属性: Border : 设置图片边框 Height : 设置图片高度 Width : 设置图片宽度
图片是网页的重要组成部分,适当的使用图片,可以制作非常漂亮的网页。

通过CSS,我们可以设置图片的如下样式属性:
  • Border : 设置图片边框
  • Height : 设置图片高度
  • Width : 设置图片宽度

图片边框属性:
使用border属性,我们可以控制图片的边框样式:
<img style="border:0px;" src="/images/css.gif" />
<br />
<img style="border:3px dashed red;" src="/images/css.gif" />
图片高度属性:
通过height属性,我们可以设置图片的高度,可选值是数字或百分比:
<img style="border:1px solid red; height:100px;"  src="/images/css.gif" />
<br />
<img style="border:1px solid red; height:50%;"  src="/images/css.gif" />
图片宽度属性:
通过width属性,我们可以控制图片的宽度,可选值是数字或百分比:
<img style="border:1px solid red; width:100px;"  src="/images/css.gif" />
<br />
<img style="border:1px solid red; width:100%;" src="/images/css.gif" />
 
精彩图集

赞助商链接