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.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示:可修改后代码再运行! 文章导航 css属性实例:两个div边框内外嵌套JavaScript实现的原生的INI文件解析器代码