发布时间：2025-12-11 01:10:36 浏览次数：2
p{margin-left:10px}
设置p对象靠右间距为10px
margin-left的值可跟具体数字+html单位(例子 margin-left:20px);可跟百分百数(例子 margin-left:10% 左外间距10%);可跟auto(例子 margin-left:auto 自动)。
扩展了解:css margin
此属性是设置对象左侧外间距。
为了观察到margin-left的效果,我们设置3个p盒子,设置宽度均为130px;float:left;高度120px;边框为1px红色,DIV命名分别为“.本站-a”、“.本站-b”、“.本站-c”
对".本站-b"设置margin-left:5px;对".本站-c"设置margin-right:10px
1、完成html 源代码如下:
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>margin-left实例www.本站.com</title><style>.本站-a,.本站-b,.本站-c{float:left;width:150px;height:120px;border:1pxsolid#F00}/*css注释说明:以上是对三类设置相同属性*/.本站-b{margin-left:10px}.本站-c{margin-left:25px}</style></head><body><pclass="本站-a"></p><pclass="本站-b"></p><pclass="本站-c"></p></body></html>2、margin-left实例截图:
解释:从上图和代码可以看出margin-left是设置对象与对象之间间距距离,设置了对象左侧外间距距离。
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流