css边框嵌套的实现代码,两个Div彼此交叉在一起,平时我们不多见吧?主要是想练习一下布局的方法,掌握两个元素边框交叉,你就可以轻易学会在网页中布局其它的小Div。
运行演示:
<!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><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>css边框嵌套</title><style>.main{padding:50px;border:2px solid #333333;width:100px;height:50px;}.include{margin:50px;border:2px solid #333333;width:500px;height:50px;}</style></head><body><div class="main"><div class="include"></div></div></body></html> <br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>提示:可修改后代码再运行!
上一篇 蓝杉丘仕达:原创文章的一些思考
下一篇 让IIS上的网站支持BT种子torrent文件下载