原创:使DIV标签居中的简单方法。FF1.07/IE6 测试通过

原创:使DIV标签居中的简单方法。FF1.07/IE6 测试通过
<!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" xml:lang="zh-CN" lang="zh-CN">
<head>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
/* Coded By Redsos @ 2005-12-27  */
 #left{
          float:left;
          background: #669900;
          width:700px;
          text-align: center;
 }
 #right{
          float:right;
          background: #006699;
          width:600px;
          text-align: center;
 }
 #center {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }
-->
</style>
</HEAD>
<BODY>
<div id="left">
       <div id="center"
            onclick="alert(1)"
            style="background: url('http://www.ebuysoft.net/active/admin/images/topbar_01.gif');
                   no-repeat;width:244px;height:66px"
       ><font color="#FFFFFF">这个是测试的文字.</font></div>
</div>
<div id="right" style="width:600px">
     <div id="center" onclick="alert(2)" style="width:300px;height:100px;">
       <br /><font style="font-size:12px;color:#FFFFFF">TEST.</font>
     </div>
</div>
</BODY>
</HTML>
阅读更多
个人分类: xhtml/xml/xsl/css
上一篇Fedora Core 4下的PHP环境编译安装。
下一篇创建与目标对象坐标相临的DIV
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭