用css div做兩個實體小方塊

1、首先新建一個html文件，命名為test.html。

創(chuàng)新互聯(lián)建站為您提適合企業(yè)的網(wǎng)站設計?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強的網(wǎng)絡競爭力！結合企業(yè)自身，進行網(wǎng)站設計及把握，最后結合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到網(wǎng)站制作、網(wǎng)站建設， 我們的網(wǎng)頁設計師為您提供的解決方案。

2、在test.html文件內，使用div標簽一個模塊，在div內，再使用div標簽創(chuàng)建兩個內部模塊，下面將讓兩個內部div并排顯示。

3、在test.html文件內，分別給每一個div設置class屬性，分別為wdiv，fldiv，frdiv。

4、在css標簽內，設置class為wdiv的div樣式，定義其寬度為500px，高度為400px，背景顏色為灰色。

5、在css標簽內，再分別設置class為fldiv和frdiv的樣式，定義它們的寬度為240px，高度為350px，同時，使用float屬性分別設置一個div浮動向左，另一個浮動向右，從而實現(xiàn)并排顯示。

6、最后在瀏覽器打開test.html文件，查看實現(xiàn)的效果，就完成了。

css 樣式 div

style type="text/css"

#1{ width:100px;

height:100px;

float:left;

border:1px solid #00;

margin-right:20px;

}

#2{ width:200px;

height:200px;

float:left;

border:1px solid #00;

}

/style

/head

body

div id="1"/div

div id="2"/div

/body

用css怎么設置div滾動條的樣式，可改變大小的

在css樣式中設置瀏覽器滾動條樣式操作步驟如下：

1.打開軟件，新建html文檔，如下圖紅框所示為新建界面。

2.在/head和body中間書寫hmtl代碼，div這里面輸入你想要輸入的內容即可/div，如下圖紅框所示。

3.然后在body和/body中間書寫外層軌道css代碼：body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外層軌道*/} 。

這里主要是設置外層軌道的形狀和顏色，根據(jù)想要設置的樣式進行調節(jié)即可，如下圖紅框所示。

4.然后在外層軌道下面書寫內層軌道css代碼：body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*內層軌道*/}。

這里主要是設置內層軌道的形狀和顏色，根據(jù)想要設置的樣式進行調節(jié)即可，如下圖紅框所示。

5.以上代碼代碼輸入完成，就可以運行看效果，效果如下紅框所示，滾動條設置完成，如果不喜歡樣式，回去修改代碼屬性即可。

怎樣定義一個DIV里的元素的CSS樣式

有三種常用方式：1、通過id 例：style#test{color:red;}/stylediv id="test" test/div

2、通過類名 例：style.test{color:blue;}/stylediv class="test" test/div

3、直接放在div標簽里 例：div style="color:purple" test/div

怎么定義1個DIV的CSS樣式？

兩個DIV,ID分別是aa,bb，則：

div id='aa'/div

div id='bb'/div

那么分別給這兩個div加上樣式，可以這樣寫：

#aa{color:#f00;}---這個定義了id為aa的div的樣式

#bb{color:#0f0;}---這個定義bb的樣式

使用符號“#”則對應了div的id屬性。

如果不是根據(jù)id屬性來定義，例如多個div需要使用同樣的樣式的話，由于同一個頁面id屬性是唯一的，所以需要通過下面方式來定義樣式：

div id='aa' class='red'紅色/div

div id='bb' class='red'紅色/div

div id='cc' class='blue'藍色/div

----樣式定義這樣寫：

.red{color:#f00;}

.blue{color:#00f;}

這里樣式名稱前面的符號是"."，則通過div里面的class屬性來匹配樣式不過，在HTML如果是這樣。

div id="a"

pdfsad/p

/div

div id="b"

padasdfas/p

/div

如果要控制id為a中的p的話，可以把CSS的選擇器寫成

#a p{

各種樣式;

}

CSS中用空格來表示是在#a當中的p

網(wǎng)頁標題：cssdiv樣式,cssdiv網(wǎng)頁布局技術教程
文章出自：http://jinyejixie.com/article2/dsechoc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、、手機網(wǎng)站建設、云服務器、域名注冊、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)