本篇文章主要介绍了"用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样式控制页面布局,包括了网页布局方面的内容,希望对.NETjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。
本文网址链接:http://www.codes51.com/article/detail_226425.html