css图片如何设置上边框距离_CSS

上一篇: css中skew是什么意思下一篇:css有超文本标记选择器吗

css图片如何设置上边框距离

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css图片如何设置上边框距离，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在css中，可以使用padding-top属性来设置图片的上边框距离，只需要给图片元素添加“padding-top:距离值;”样式即可。padding-top属性可以设置元素的上内边距（空间），不允许使用负值。

css图片如何设置上边框距离

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css图片设置上边框距离

<!DOCTYPE html>
<html>

	<head>
		<;meta charset="utf-8">
		<style>
			img{
				border: 1px solid red;
				padding-top: 20px;
			}
		</style>
	</head>

	<body>
		<img src="img/1.jpg" width="150"/><br>
	</body>

</html>

效果图：

css图片如何设置上边框距离

css padding-top 属性

padding-top 属性设置元素的上内边距（空间）。

说明

该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。（学习视频分享：css视频教程）

注释：不允许使用负值。

属性值：

@H_512_47@

值	描述
length	规定以具体单位计的固定的上内边距值，比如像素、厘米等。默认值是 0px。
%	定义基于父元素宽度的百分比上内边距。此值不会如预期的那样工作于所有的浏览器中。

更多编程相关知识，请访问：编程视频！！

以上就是css图片如何设置上边框距离的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的css图片如何设置上边框距离全部内容，希望文章能够帮你解决css图片如何设置上边框距离所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css中skew是什么意思下一篇:css有超文本标记选择器吗

猜你在找的CSS相关文章