从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍img元素能不能用css,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
目前成都创新互联公司已为1000多家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器租用、企业网站设计、奇台网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
img元素可以用css设置样式,其设置方法:1、通过css width等属性设置img的尺寸;2、使用CSS的border属性给img图片加边框;3、通过设置a标签将图片设置为链接;4、使用text-align属性设置图片水平对齐方式等。
一、CSS控制img图片的尺寸
上述代码设置img图片长宽分别为120px与100px。
但是需要注意的是,使用css粗暴的设置图片尺寸可能会导致变形。
如果不希望图片变形,主要注意图片的长宽比例。
二、给img图片加边框
实际应用中,可能会给图片添加边框效果。
使用CSS的border属性即可实现。
代码实例如下:
上面代码为img图片添加了一个宽度为2px的蓝色边框。
关于border边框的更多内容可以参阅CSS border边框一章节。
三、img图片作为链接
图片作为链接,也就是将其置于之内。
>
上述代码将图片放入链接中,点击可以实现跳转动作。
需要特别注意的是,将图片放入链接之中,图片可能会出现不必要的边框,添加border:none即可。
使用text-align属性可以实现设置图片水平对齐方式的功能。
需要注意的是,此属性是设置在图片的容器元素智商,而不是图片元素本身。
div img{ vertical-align:middle }
以上是“img元素能不能用css”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图