ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

用div和css样式控制页面布局

来源:网络整理     时间:2015-11-23     关键词:网页布局

本篇文章主要介绍了"用div和css样式控制页面布局",主要涉及到网页布局方面的内容,对于.NETjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 1 2 3<...

 1DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5<title>网页布局练习title> 6 7<link href="../EX_Asp_Net/css/div.css" rel="stylesheet"/> 8head> 9<body>10<h1 align="center">利用div和css对页面的布局进行调整h1><hr />11<div class="d1">12<h3>窗口1h3>13div>14<div class="d2"><h3>窗口2h3>div>15<div class="d3"><h3>窗口3h3>div>16body>17html>

css代码:

 1bod {
 2    margin:100%;
 3    padding:100%;
 4 5 }
 6.d1{
 7    width:200px;
 8    height:600px;
 9    background-color:red;
10    margin-left:20px;
11    margin-top:20px;
12    position:absolute;
13 }
14.d2{
15    width:800px;
16    height:150px;
17    background-color:greenyellow;
18    position:absolute;
19    left:235px;
20    margin-top:20px;
2122 }
23.d3{
24    width:800px;
25    height:420px;
26    position:absolute;
27    left:235px;
28    background-color:#19a1f8 ;
29    margin-top:200px;
3031 }

用div和css样式控制页面布局

以上就介绍了用div和css样式控制页面布局,包括了网页布局方面的内容,希望对.NETjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_226425.html

相关图片

相关文章