HTML DOM中DIV的Style：margin，border，padding

margin：边框外的空白，图中橙色部分
border：边框，图中红色虚线部分
padding：边框内的空白，图中绿色部分
content：头像图片部分

style="margin:20px; border:thick dotted #FF0000; padding:20px"

对照原图（未修改div属性时）

<div id="blog_userface" style="margin:20px; border:thick dotted #FF0000; padding:20px"><a href="http://my.csdn.net/fm0517" target="_blank"><img src="http://avatar.csdn.net/D/5/6/1_fm0517.jpg" title="访问我的空间" style="max-width:90%"></a><br><span><a href="http://my.csdn.net/fm0517" class="user_name" target="_blank">皓月如我</a></span>
</div>

PS：图片对象的title属性可以显示鼠标悬停时的tip。

HTML DOM中DIV的Style：margin，border，padding相关推荐

JavaScript基础: DOM中操作属性以及自定义属性
上一篇聊了一些常用的事件以及演示其如何使用,演示的时候发现一件事情,那就是DOM操作不单是得到元素,还可以修改元素的属性.现在开始如何操作其属性. 普通自带的属性这些属性是某些标签自带的属性比如sr ...
从零开始学前端 - 7. CSS盒模型 margin和padding详解
作者: 她不美却常驻我心博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
margin和padding的用法
如果我们想要移动盒子等的位置 ,除了可以用相对定位和绝对定位还可以用margin 和paddinng: margin和padding的用法: padding和margin后面可以跟1或2或3或4个数, ...
CSS中的margin、border、padding区别 CSS padding margin border属性详解
图解CSS padding.margin.border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层 ...
前端：JS/28/CSS DOM动态样式（style对象，style 对象属性与CSS属性的转换），Event DOM，事件对象简介（DOM和IE中的Event对象），实例：点出满天小星星
CSS DOM动态样式使用JS操作CSS中的各个属性: JS只能操作或修改行内样式,如:imgObjstyle.border = "1px solid red"; 对于类样式,通 ...
动态生成的html元素无法调用js函数,如何确保动态生成的div在js函数被调用之前被加载到DOM中？...
$("#submitB").click(function() { $.post("/previewproposal", $("#proposal-fo ...
动态生成的html元素无法调用js函数,在调用js函数之前，如何确保将动态生成的div加载到DOM中？...
我正在提交带有ajax的表单并打开带有响应数据的Colorbox: $("#submitB").click(function () { $.post("/previewp ...
HTML中常见的各种位置距离以及dom中的坐标讨论
最近在学习JavaScript,特意买了一本犀牛角书来看看,尼玛一千多页,看的我头昏脑涨,翻到DOM这章节,突然记起平常在使用DOM时,碰到了好多的这个dom里面的各种宽度,高度,特意在此写一写,写的 ...
CSS中margin和padding属性的区别
在CSS中,margin和padding两个属性都可以调整位置,因此比较容易混淆.这篇文章详细分析两者的不同,希望对学习CSS的朋友有帮助. 1. padding padding的作用是调整当前元素内 ...

HTML DOM中DIV的Style：margin，border，padding

HTML DOM中DIV的Style：margin，border，padding相关推荐

最新文章

热门文章