綜合知識

當前位置 /首頁/綜合知識 > /列表

divcss怎麼寫

1. 怎麼寫DIV和CSS

可以用div的相對定位來(position:relative;)解決。

divcss怎麼寫

具體解釋:

1:先定義容器

在最外層先定義個div容器,設置為相對定義,定義好寬高,然後在此容易之中,在定義三個div,豎直排列,寬度和外層容易相同,高度為外層容器除去邊框的高度除以3,此為二級容器

2:定義標題欄

在1步驟中定義好的三個二級容器中各定義一個div,寬度和二級容器一樣,高度為二級容器的五分之一(這個高度根據具體的需要設置),然後在裏面在定義兩個div,左側的用float:left定位在左側,右側的用float:right定位在右側

3:定義具體內容div

有多少個格子,定義多少個div,每個div寬度為二級容器的四分之一,然後在每個div上都加上屬性float:left,並且給每個div加上邊框,行高,字體居中等屬性即可

2. div這樣佈局CSS怎麼寫

我試着寫了一下。

<!doctype html><meta charset="utf-8">Div<style>.section{ width:600px; height:100px; padding:20px; background:#f7ed12; border:2px solid #858585; margin:20px auto;}.left{ width:30%; height:100%; background:#00a1e9; float:left;}.right{ width:65%; height:100%; background:#00a1e9; float:right;}</style><body> 。

3. 這樣的DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta ; charset=utf-8" />

<title>;無標題文檔</title>

<style type="text/css">

<!--

strong { text-align:center; background-color:#0C0}

-->

</style>

</head>

<body>

<div style=" width:250px;">

<strong>;內容標題</strong>

這就是內容這就是內容這就是內容這就是內容這就是內容這就是內容<img name="guanggao" src="" width="100" height="100" alt="" style=" background-color:#00C;" />;就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容就是內容

</div>

</body>

</html>

4. 下圖這個div塊的css怎麼寫

<div style="width:400px;">

<div style="width:50px;background-color:#000;"></div>

</div>

這樣可以麼,上面的div嵌套一個黑塊,虛線是上面div的border-bottom,具體的樓主修改下,應該沒什麼BUG活着兼容性什麼的問題

5. div+css圖文框架怎麼寫

#wrap { height:236px; width:492px;}

#topbar { width:492px; height:40px;}

.title { padding-left:5px;}

.right { float:right; margin-top:-20px; }

.img1 { float:left; padding:5px;}

<div id="wrap">

<div id="topbar">

<a href="#" class="title">;風土人情</a><a class="right" href="#">;更多>></a>

</div>

<img class="img1" src="" width="200" height="150" />

<h1 class="title2"></h1>

<p>;內容</p>

</div>

我大概寫了一下,樣式的話你自己應該會弄,自己改成滿意的就好,圖片和文字位置不太對的話改下padding值就好了,希望對你有幫助!

6. 這個的DIV+CSS代碼怎樣寫

ICO和背景的圓角是寫不出來的,還是用到切圖,比如上面一條帶着圓角一起切出來,下面一條帶着圓角切出來,圖片名分別是"bg1.jpg"和"bg2.jpg",假設文字下的背景寬度是500px,低層的背景是550px;下面的代碼就是:<body style="background-color:背景顏色代碼; margin:0;">

內容標題
內容
大概就上面的樣子 只幫你寫了裏面內容部分。

TAG標籤:divcss #