首先,设定盒子名称
div id="fanhui"
css中写样式
#fanhui {
position: absolute
left: 30px
top: 20px
}
这样写就是距离右边30像素,距离下边20像素。
绝对定位使元素的位置与文档流无关,因此不占据空间
效果如下:
这个很简单,默认添加margin-left值隐藏一部分,然后添加鼠标移入事件,当鼠标移入时减小margin-left的值(或者添加初始margin-right)值为负数,当鼠标移入的时候为0,需要用到Javascript或者jquery你可以考虑给 a 添加 style='padding-left: 50px' 或者给 b 添加 style='margin-left: 50px'
现在不推荐直接写 width=200, height=200px, 而是使用 style='width: 200px height: 200px'。
如果使用的是 Safari 或 Chrome 浏览器的话,可以打开“开发人员选项”,观察控制台,Chrome 里面是按 F12,然后在最左下角的一个放大镜拿来点一下,然后选中你的 b 或 a 就可以在右下角的观察它的 Metrics 里面是如何计算出尺寸的,另外,它上面还有当前生效的 style 是什么,还要把某些 style 划线表示这个规则的优先级不如另一个而被禁用了。通过这些你能更快地学习到底如何设置 CSS 才能达到你的效果。