《
纯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代码实现翻页相关文章