关于使用DIV对象来布局页面，带超链接属性的对象的属性的设置,该怎么处理
日期：2014-05-18 浏览次数：20482 次
关于使用DIV对象来布局页面，带超链接属性的对象的属性的设置
在不同的DIV里面，俺显示了不同的内容，这些内容都是文章的标题，是一种超链接，俺想实现这样的效果
让不同的DIV里面的超链接对象，具有不同的显示效果
比如：
每个DIV里面的超链接效果，字体，字号，颜色等属性都不一样，如何实现呢？
请高人指点，举例子！！！
先行谢过！！！，
在线等待…
------解决方案--------------------
如果是后台动态填充DIV那就是
<div id="TextPreview" runat="server" class="preview" style=" background-color:#DFE8F6; height:107px" ></div>
如果是静态或者JS的就直接 style="" 里面写就行了，空格IDE有提示
------解决方案--------------------
在不同的DIV里面，俺显示了不同的内容，这些内容都是文章的标题，是一种超链接，俺想实现这样的效果
让不同的DIV里面的超链接对象，具有不同的显示效果
比如：
每个DIV里面的超链接效果，字体，字号，颜色等属性都不一样，如何实现呢？
请高人指点，举例子！！！
先行谢过！！！，
在线等待…
------解决方案--------------------
如果是后台动态填充DIV那就是
<div id="TextPreview" runat="server" class="preview" style=" background-color:#DFE8F6; height:107px" ></div>
如果是静态或者JS的就直接 style="" 里面写就行了，空格IDE有提示
------解决方案--------------------
- CSS code
<html>
<style>
.dv1 a{font-size:10pt;}
.dv1 a:hover{color:red;}
.dv1 a:active{color:yellow;}
.dv2 a{font-size:12pt;}
.dv2 a:hover{color:blue;}
.dv2 a:active{color:green;}
</style>
<body>
<div class='dv1'>
<a href="#">dv1_a1</a>
<a href="#">dv1_a2</a>
</div>
<div class='dv2'>
<a href="#">dv2_a1</a>
<a href="#">dv2_a2</a>
</div>
</body>
</html>
------解决方案--------------------
要灵活?
给每个div甚至每个a都指定class
不过一般的,按同组里的来指定就可以了.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
