css可以控制页面的布局

html-css022

css可以控制页面的布局,第1张

<!DOCTYPE html>

2 <html xmlns="http://www.w3.org/1999/xhtml">

3 <head>

4 <meta http-equiv="Content-Type" content="text/htmlcharset=utf-8"/>

5 <title>网页布局练习</title>

6

7 <link href="../EX_Asp_Net/css/div.css" rel="stylesheet" />

8 </head>

9 <body>

10 <h1 align="center">利用div和css对页面的布局进行调整</h1><hr />

11 <div class="d1">

12 <h3>窗口1</h3>

13 </div>

14 <div class="d2"><h3>窗口2</h3></div>

15 <div class="d3"><h3>窗口3</h3></div>

16 </body>

17 </html>

1

2

3

4

css代码:

1 bod {

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

21

22 }

23 .d3{

24 width:800px

25 heigh

你想问的是:如何实现监控大屏一半显示道路画面,一半显示电脑桌面?操作步骤如下:

1、下载具有分屏监控的软件,登录软件。

2、注册完成后,进入首页,然后点击田字图形的分屏标志即可。

3、点击进入监控软件官网,登录账号。

4、点击实时视频,右侧有全部和在线摄像机选择。

5、找到画面布局的设置,一般在画面左上角或者右侧,点击分屏设置即可。

6、设置完成。