css实现使超级连接放大显示的研究--.

《css实现使超级连接放大显示的研究--.》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、CSS实现使超级连接放大显示的研究>>.代码如下：<!--StartFragment--><styletype="text/css">.demoa{float:left;margin:5px1px01px;oa:hover{position:relative;margin:0-9px0-9px;padding:05px;o"><ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a><ahref="#">5</a><ahref="#">6

2、</a><ahref="#">7</a><ahref="#">8</a><ahref="#">9</a><ahref="#">10</a></div>　　放大的关键在于元素的定位，position:relative与负值的margin。补习一下position的知识：　　设置此属性值为absolute会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同z-index属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁(margin)，但仍有内补丁(paddin

3、g)和边框(border)。　　要激活对象的绝对(absolute)定位，必须指定left，right，top，bottom属性中的至少一个，并且设置此属性值为absolute。否则上述属性会使用他们的默认值auto，这将导致对象遵从正常的HTML布局规则，在前一个对象之后立即被呈递。　　设置此属性值为relative会保持对象在正常的HTML流中，但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的，在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前

4、会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。　　演示效果：<ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a><ahref="#">5</a><ahref="#">6</a><ahref="#">7</a><ahref="#">8</a><ahref="#">9</a><ahref="

5、#">10</a></div>[Ctrl+A全部选择提示：你可先修改部分代码，再按运行][这篇文章来自..，]