用css實(shí)現(xiàn)十字的布局示例代碼
發(fā)布時(shí)間：2014-04-08 17:36:32 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了如何使用css來(lái)實(shí)現(xiàn)十字的布局,需要的朋友可以參考下
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
<style>
.wrap{ margin:100px 100px 0 100px; width:600px; height:200px; overflow:hidden;}
.one{ float:left; width:100px; height:100px; border:1px dashed #ccc; border-right:0 none; margin-left:-2px; margin-top:-1px; border-bottom:0;}
</style>
</head>
<body>
<div class="wrap">
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
<div class="one"></div>
</div>
</body>
</html>
相關(guān)文章
網(wǎng)頁(yè)DIV+CSS布局和動(dòng)畫(huà)美化全程實(shí)例 (陳益材) 隨書(shū)光盤
網(wǎng)站的建站技術(shù)近幾年得到迅速的發(fā)展，網(wǎng)頁(yè)的布局與特效動(dòng)畫(huà)技術(shù)層出不窮，網(wǎng)站建設(shè)已經(jīng)從簡(jiǎn)單的技術(shù)支持時(shí)代衍變到現(xiàn)在的視覺(jué)美化時(shí)代2014-05-28- 這篇文章主要收羅了CSS布局中有關(guān)水平和垂直居中的N種方法，個(gè)人感覺(jué)是相當(dāng)不錯(cuò)，需要的朋友可以參考下2014-05-08
- 這篇文章主要介紹了div+css布局中選擇使用html標(biāo)簽的方法,需要的朋友可以參考下2014-05-06
- CSS里一直有一個(gè)讓我們頭疼的問(wèn)題，就是創(chuàng)建布局很麻煩。當(dāng)然，有很多方式，有很多技術(shù)都可以創(chuàng)建各種布局，但我們總覺(jué)得CSS里應(yīng)該提供一些新屬性，讓我們能更好的管理布局2014-05-03
css網(wǎng)站布局實(shí)錄學(xué)習(xí)筆記第三部分網(wǎng)頁(yè)布局與定位
這篇文章主要介紹了css網(wǎng)站布局實(shí)錄學(xué)習(xí)筆記第三部分網(wǎng)頁(yè)布局與定位,需要的朋友可以參考下2014-04-28css網(wǎng)站布局實(shí)錄學(xué)習(xí)筆記第一部分
這篇文章主要介紹了css網(wǎng)站布局實(shí)錄學(xué)習(xí)筆記第一部分,需要的朋友可以參考下2014-04-28- CSS div布局有很多的注意事項(xiàng)，比如大的div里面長(zhǎng)寬給定，內(nèi)部又存在一個(gè)新的div，這個(gè)div不能完全放在父div中。那么就會(huì)overflow、float出來(lái)的div不占文檔流等等2014-03-21
使用div+css布局過(guò)程中在什么時(shí)候使用table呢
想必很多朋友都在詢問(wèn)這個(gè)問(wèn)題，就是在應(yīng)用DIV+CSS布局以后該在什么時(shí)候使用table呢？下面針對(duì)這個(gè)問(wèn)題，為大家詳細(xì)介紹下2014-03-17- position屬性主要有四種屬性值，任何元素的默認(rèn)position的屬性值均是static,靜態(tài)。這節(jié)課主要講講relative以及absolute，感興趣的朋友可以了解下2013-12-09
- CSS網(wǎng)頁(yè)布局的技巧熟練的使用可以提高你的布局效率，本文將適合新手的CSS網(wǎng)頁(yè)布局的小技巧總結(jié)出來(lái)，或許對(duì)您更有實(shí)際的參考價(jià)值，感興趣的朋友不要錯(cuò)過(guò)2013-10-18
