当前位置: 网站建设 > 网页设计 > 建站经验 >

纯CSS代码实现翻页

时间:2013-03-02 04:09来源:未知 作者:admin 点击:

标签:纯CSS代码实现翻页 翻页(3)实现(100)代码(82)CSS(823)网站建设(1202)
--> [网站建设之]纯CSS代码实现翻页 [ 提醒:你可先修正局部代码,再按Ctrl+A 全体抉择 ] Tag:翻页 CSS代码 翻页 CSS代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN html xmlns= xml:lang=zh lang=zh head profile= meta http-equiv=content-language content=zh-cn / meta http-equiv=content-type co
纯CSS代码实现翻页》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302345462013.htm
--> [网站建设之]纯CSS代码实现翻页

    [ 提醒:你可先修正局部代码,再按Ctrl+A 全体抉择 ]

Tag:翻页   CSS代码   翻页   CSS代码  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN",纯CSS代码写的圆角效果; " <html xmlns=" xml:lang="zh" lang="zh"> <head profile=" <meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <style> dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px,纯CSS3透明水晶盒; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { display:block; margin:1px; width:20px; height:20px; text-align:center; font:700 12px/20px "宋体",sans-serif; color:#fff; text-decoration:none; background:#666; border:1px solid #fff; filter:alpha(opacity=40),纯CSS3打造可折叠树状菜单; opacity:.4,精美的鲜艳色彩网站设计实例; } a:hover { background:#000 } </style> </head> <body> <dl> <dt><a href="#a" title="">1</a><a href="#b" title="">2</a><a href="#c" title="">3</a></dt> <dd> <img src="/uploadfile/200806/17/86181645617.jpg" alt="" title="" id="a" /> <img src="/uploadfile/200806/17/61181646102.jpg" alt="" title="" id="b" /> <,简述CSS透明技巧(总结);img src="/uploadfile/200806/17/D9181646550.jpg" alt="" title="" id="c" /> </dd> </dl> </body> </html>


(责任编辑:网站建设)
纯CSS代码实现翻页相关文章
上一篇:纯CSS代码写的圆角效果 下一篇:纯CSS制作的新闻网站中的文章列表
回到顶部