- 積分
- 1570
- 威望
- 1570
- 金錢
- 1514
- 最後登錄
- 2023-3-21
|
[分享] 一句代码教你玩转页内文字广告|彩色虚线边框|透明背景
代码位置:其他头部信息
代码:- <style> #ad_text{background:none; border:1px dotted red;}</style>
複製代碼 一直想给页内文字广告加个边框,或者背景图片,或者换个背景颜色,但是搜索很久找不到代码。
只好查看源文件,自己琢磨。
调试许久,终于发现一个页内文字广告的 [类(class)] ,什么是“类”,类是CSS文本经常使用的一种定义形式。其他还有"ID"等
举个例子:在CSS文本中定义 .ad {color=red} ,然后在某一个表格中设置<td class="ad"></td>
那么这个表格中的文字颜色就会引用ad中的红色。
看源码时发现页内文字广告的类是 ad_text , 那么我只需要给这个类赋予更多的值,那么就可以获得更多的效果。
background/border等等属性。
定义类的方式: .类的名字{类属性:值;类属性:值;类属性:值;}
比如定义背景颜色: .ad {background:#FFF;} 而定义背景图片则需用 background:url(图片网络地址)的形式。
如果想背景颜色透明,像我上面的效果一样,只需在背景颜色中的颜色值改为:none; 即可,例 background:none; 。
注:[5d6d论坛风格管理中的线条颜色也可使用此代码,实现无边框线效果。]
border 属性可以定义的方式很多,虚线,双实线等等。
如果只定义四边某一边框显示只需使用代码:border-left; border-top ; border-right;和border-bottem,定义即可。
定义类前面是 . ,为什么代码中用的是#呢? 大家都想想吧,我也不明白,哈哈
只讲一下基本使用方法,更多使用技巧还需大家深入研究。 |
|