本代码描述: 这个代码很很简单,不用js、flash,全部htm代码! <!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"> <title>自适应宽度的圆角表格代码 - www.hao51xx.com </title> <head> <style type="text/css"> .conternt{ position:relative; width:300px; height:200px; background:#DBEDF5; border:#9BC9DF 1px solid; } .conternt p{margin:10px} .lt,.ld,.rt,.rd{ position:absolute; width:3px; height:3px; overflow:hidden; } .lt{ left:-1px; top:-1px; background: url(/user/tool/webimg/200978/20097815207942.gif) 0 0 no-repeat; } .ld{ left:-1px; bottom:-1px; background:url(/user/tool/webimg/200978/20097815207942.gif) 0 -7px no-repeat; } .rt{ right:-1px; top:-1px; background:url(/user/tool/webimg/200978/20097815207942.gif) -11px 0 no-repeat; } .rd{ right:-1px; bottom:-1px; background:url(/user/tool/webimg/200978/20097815207942.gif) -11px -7px no-repeat; } </style> </head> <body> <div class="conternt"> <div class="lt"></div> <div class="ld"></div> <p>好我要网 查询工具,站长工具,网页特效代码,破解软件,注册码,网址导航,建站教程,推广优化,精彩视频,网络电视,直播代码宽度和高度都可以自适应,你可以把这里的文字加多一点</p> <div class="rt"></div> <div class="rd"></div> </div> </body> </html> 运行代码复制代码另存代码收藏本页 帮助
提示:部分代码需要到这里测试才能看见完整效果!
用到的图片:
在中搜索:“自适应宽度的圆角表格代码”更多内容在中搜索:“自适应宽度的圆角表格代码”更多内容
CopyRight© 2008-2009 hao51xx.com, 本站部分资源来于网络,版权文责归原作者,对于任何事宜本站将在第一时间处理。