CSS实例(三):全部使用背景生成栏目
来源:互联网 发布:淘宝发布品牌不能为空 编辑:程序博客网 时间:2024/05/18 06:20
全部使用背景来制作网页中的栏目很巧妙,很亲切,很象以前做桌面程序的感觉。使用三张图片,基本上就生成了整个网页的所有栏目。
titletag.png
titletag.png
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml"><head>
- <title>娱乐频道-搜狐</title>
- <style type="text/css">
- a {color: #333;text-decoration:none;font-size:12px}
- a:hover {color:#dc0000;text-decoration:underline;}
- .column,.column_btm{width:265px;}
- .column h2{background:url(titletag.png) 0 -60px;color:#fff;height:24px;line-height:24px;font-size:12px;font-weight:weigth;margin:0px;padding:0 0 0 12px;}
- .column a{
- background:url(bgx.gif) repeat-x 0 -85px;height:25px;line-height:25px;vertical-align:middle;display:block;margin:0 1em;
- }
- .bgno{background:none;}
- .column_btm{background:url(titletag.png) 0 -259px;height:5px;font-size:1px;clear:both;}
- .column{background:url(cutbg.gif) -2585px 0;}
- </style>
- </head>
- <body>
- <div class="column">
- <h2><span>搜狐视频</span></h2>
- <a href="http://blog.csdn.net/wallimn" title="欢迎访问我的博客" target="_blank">浙江发现潭底恢宏地宫 呈北斗七星排列</a>
- <a href="http://blog.csdn.net/wallimn" title="欢迎访问我的博客" target="_blank">干扰演讲学生获保释 自称无罪</a>
- <a class="bgno" href="http://blog.csdn.net/wallimn" target="_blank">刘谦诡异魔术 影子找扑克牌如鬼魂显灵</a>
- <div class="column_btm"></div>
- </body>
- </html>
- CSS实例(三):全部使用背景生成栏目
- 使用一行CSS代码生成全屏背景图像
- 织梦dedecms 使用SQL删除指定栏目全部文章
- CSS背景样式使用
- CSS实例(五):简洁的栏目实现方式
- CSS背景background使用攻略
- flex使用背景网格实例
- dede开发--自定义栏目背景
- css样式使用实例
- js栏目生成
- dedecms生成栏目文档
- IE中子栏目使用float属性后背景不能正常显示原因及解决
- 如何使用css实现背景颜色渐变
- css背景与列表样式使用
- 使用css实现渐变色背景
- CSS 背景
- CSS 背景
- CSS背景
- jmf不支持64位win7系统
- Lost Cows_poj_2182(线段树).java
- Service中Tomcat服务中无操作按钮,只有描述的解决方案
- opencv学习心得十----圆拟合
- 排序
- CSS实例(三):全部使用背景生成栏目
- Nginx源码解析
- 初来乍到,捣鼓捣鼓前端
- [Android] 直接获取组件的宽高:Activity.onWindowFocusChanged()
- hdu 题目1754 I Hate It (线段树,区间最大值)
- MPEG-2
- Data Structure_hdu_4217(线段树).java
- Nginx-string解析
- CSS实例(四):实现TabView(页签)效果