zoukankan      html  css  js  c++  java
  • CSS 布局之分栏显示

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <style type="text/css">
    	body
    	{
    		background:#35d2e8;
    		font:normal 100% Verdana,Arial,宋体,Helvetica,sans-serif;
    		margin:0px;
    		padding:0px;
    	}
    	#content_head
    	{
    		background:#e05a0a;
    		border:5px solid #fff;
    		height:130px;
    		margin:20px 20px 0px 20px;
    		padding:0px;
    		height:120px;
    	}
    	#content_head p
    	{
    		color:#fff;
    		font-weight:bold;
    		margin:10px;
    		line-height:100px;
    	}
    	#content_left
    	{
    		background:#e050a0;
    		border:5px solid #fff;
    		margin:10px 0px 20px 20px;
    		padding:0px;
    		position:absolute;
    		top:150px;
    		left:0px;
    		160px;
    		height:450px;
    	}
    	#content_center
    	{
    		background:#e05a0a;
    		border:5px solid #fff;
    		margin:10px 200px 20px 200px;
    		padding:0px;
    	}
    	#content_center div
    	{
    		height:450px;
    		100%;
    	}
    	#content_right
    	{
    		background:#e05a0a;
    		border:5px solid #fff;
    		margin:10px 20px 20px 0px;
    		padding:0px;
    		position:absolute;
    		top:150px;
    		right:0px;
    		160px;
    		height:450px;
    	}
      </style>
     </head>
    
     <body>
      <div id="content_head"><p>页头部分</p></div>
      <div id="content_left"></div>
      <div id="content_center">
    	<div>
    		
    	</div>
      </div>
      <div id="content_right"></div>
     </body>
    </html>
    
  • 相关阅读:
    Git学习1:Git起步
    [转载]AMOLED结构详解,BOE专家给你分析驱动补偿
    [C#] Microsoft .Net框架SerialPort类的用法与示例
    API 的历史
    AMOLED原理介紹
    [C#] SHA1校验函数用法
    示波器基本原理之三:存储深度
    示波器基本原理之二:采样率
    示波器基本原理之一:带宽
    数字转中文
  • 原文地址:https://www.cnblogs.com/changweihua/p/2278755.html
Copyright © 2011-2022 走看看