
发表日期: 2022-05-30 15:12:32 浏览次数:110
河南省固始网站建设-固始网络公司-优化-制作-设计推广-固始网站建设服务中心

学习如何使用 CSS 设置图像样式。
使用 border-radius 属性创建圆形图像:

圆角图像:
img {
border-radius: 8px;}
圆形图像:
img {
border-radius: 50%;}使用 border 属性创建缩略图。
缩略图:

img {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;}<img src="paris.jpg" alt="Paris">作为链接的缩略图:

响应式图像会自动调整以适合屏幕尺寸。
如果您希望根据需要缩小图像,但需要杜绝放大到大于原始尺寸,请添加如下代码:
img {
max-width: 100%;
height: auto;}提示:在我们的 CSS RWD 教程 中学习关于响应式 Web 设计的更多知识。
如需使图像居中,请将左右外边距设置为 auto 并将其设置为块元素:
河南省固始网站建设-固始网络公司-优化-制作-设计推广-固始网站建设服务中心
服务热线
顶部
备案号: 苏ICP备11067224号
CopyRight © 2011 书生商友信息科技 All Right Reserved
24小时服务热线:400-111-6878 E-MAIL:1120768800@qq.com QQ:1120768800
网址: http://www.768800.com 网站建设:上往建站
关键词: 网站建设| 域名邮箱| 服务器空间| 网站推广| 上往建站| 网站制作| 网站设计| 域名注册| 网络营销| 网站维护|
企业邮箱| 虚拟主机| 网络建站| 网站服务| 网页设计| 网店美工设计| 网站定制| 企业建站| 网站设计制作| 网页制作公司|
400电话办理| 书生商友软件| 葬花网| 调温纤维| 海洋馆运营维护| 北京保安公司| 殡仪馆服务| 殡葬服务| 苏州殡葬一条龙| 朝阳殡葬| 苏州殡葬服务|
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878