自适应宽度的div+css示例

2022-07-15 80酷酷网 80kuku.com

自适应宽度的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"></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网页特效代码，点击运行按钮可查看效果：以下是程序代码<font face=Verdana><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"></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></font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]