上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省范县网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

学习如何使用 CSS 设置图像样式。

圆角图像

使用 border-radius 属性创建圆形图像：

实例

圆角图像:

img {

  border-radius: 8px;

}

亲自试一试

实例

圆形图像：

img {

  border-radius: 50%;

}

亲自试一试

缩略图图像

使用 border 属性创建缩略图。

缩略图：

Coffee

实例

img {

  border: 1px solid #ddd;

  border-radius: 4px;

  padding: 5px;

  width: 150px;

}

<img src="paris.jpg" alt="Paris">

亲自试一试

作为链接的缩略图：

实例

img {

  border: 1px solid #ddd;

  border-radius: 4px;

  padding: 5px;

  width: 150px;

}

img:hover {

box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);

}

<a href="paris.jpg">

  <img src="paris.jpg" alt="Paris">

</a>

亲自试一试

响应式图像

响应式图像会自动调整以适合屏幕尺寸。

如果您希望根据需要缩小图像，但需要杜绝放大到大于原始尺寸，请添加如下代码：

实例

img {

  max-width: 100%;

  height: auto;

}

亲自试一试

提示：在我们的 CSS RWD 教程 中学习关于响应式 Web 设计的更多知识。

居中图像

如需使图像居中，请将左右外边距设置为 auto 并将其设置为块元素：

河南省范县网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）