自适应宽度的div+css示例
以下是代码: <html> <head> <title>Nice and Free CSS Template 10</title> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ /> <style type=”text/css” media=”screen”><!–
body { background-color: #e1ddd9; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#564b47; margin: 20px 140px 20px 140px; text-align: center; } #content { width: 100%; padding: 0px; text-align: left; background-color: #fff; overflow: auto; } p, h1, pre { margin: 0px; padding: 10px; } h1 { font-size: 11px; text-transform:uppercase; text-align: right; color: #564b47; background-color: #90897a; } a { color: #ff66cc; font-size: 11px; background-color:transparent; text-decoration: none; } –></style></head> <body> <div id=”content”> <p><b>center</b><br /><br /> This BOX ist centered and adjusts itself to the browser window.<br /> The height ajusts itself to the content.<br /> <a href=”/”>more nice and free css templates</a> </p> <pre> body { background-color: #e1ddd9; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#564b47; margin: 20px 140px 20px 140px; text-align: center; } #content { width: 100%; padding: 0px; text-align: left; background-color: #fff; overflow: auto; } </pre> <p> <img src=”xhtml10.gif” alt=”” width=”80″ height=”15″ border=”0″/> <img src=”css.gif” alt=”” width=”80″ height=”15″ border=”0″/> </p> </div> </body> </html> |
以下是HTML网页特效代码,点击运行按钮可查看效果:
![自适应宽度的div+css示例 自适应宽度的div+css示例]()
以下是程序代码
欢迎大家阅读《自适应宽度的div+css示例》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码