導航:首頁 > 萬維百科 > 網頁設計盒子怎麼命名

網頁設計盒子怎麼命名

發布時間:2020-10-20 06:36:08

1、網頁設計中怎樣設計兩個水平同樣的盒子

你說的是浮動吧,兩個div都浮動,一個左一個右。望採納

2、網頁設計 CSS盒子這個問題是怎麼回事?

是在看不懂你想問什麼
你的問題無非就是清除浮動的問題。

<div class="box">
<div class="box2"></div>
</div>
不提倡用<div style="clear:both"></div>的方法清除浮動。

建議使用:
.box{zoom:1;}
.box:after{content:"";height:0;display:block;clear:both;}

只要正確地清除浮動,什麼問題都沒有。

3、網頁設計中,怎麼讓DIV的邊框的4個角呈圓角形

代碼:
div{border-radius:5px 5px 0 0;}
設置DIV對象盒子左上角和右上角5px圓角,其它兩個角為0不圓角
border-radius:3px 4px 5px 6px
代表設置對象左上角3px圓角、右上角4px圓角、右下角5px圓角、左下角6px圓角。
.box2 img{border-radius:5px}
設置DIV中的圖片為圓角圖片。

4、網頁製作。做網頁圖文電影介紹,如何將文本(div)盒子置於圖片(a)盒子下方,做出如圖效果

你那種寫法,可以直接將a標簽設置為block就可以了。如:
<a href="#" title="諜影重重5" style="display:block";>
<img src="img/1-1.jpg"/>
<div style="display:block">aaa</div>
</a>

但是那張圖片效果,可以用<dl></dl>去布局,如:
<dl>
<dt>
<a href="#" title="諜影重重5" style="display:block">
<img src="img/1-1.jpg"/>
</a>

</dt>

<dd>aaaa</dd>

</dl>

5、#在網頁設計中為什麼我剛設計了一個盒子,想復制這個盒子到下一行,這個盒子就在剛復制的那個盒子里呢?

代碼有錯誤吧?我看你代碼不怎麼對。但是和你復制 沒有關系 ,復制粘貼 還能有什麼錯誤? 你用的什麼編輯器?

6、網頁設計,點擊彈出div 盒子

效果圖:


簡單的代碼:


<html>

<head>

<style>

*{margin:0;padding:0;}

#_outs{margin:0 auto;height:50px;width:200px;margin-top:200px;position:relative;}

#_ins{position:absolute;height:50px;width:200px;border:1px solid green;top:15px;left:100px;border-radius:5px;display:none;text-


align:center;line-height:50px;}

</style>


<script>

function tanchu(){

document.getElementById("_ins").style.display="block";


}

function guanbi(){

document.getElementById("_ins").style.display="none";


}

</script>

</head>

<body>

<div id="_outs">

<input type="button" value="點擊按鈕彈出div" onclick="tanchu()"></input>

<div id="_ins">彈出div

<input type="button" value="點擊按鈕關閉div" onclick="guanbi()"></input>

</div>


</div>



</body>

</html>



自己可以復制代碼運行下, 應該是你要弄的效果吧。有不理解的可以追問我哦!記得採納哦。或者選為優質。謝謝啦。。。。。

7、網頁設計CSS和盒子相關問題,詳細見圖

第一題:float:right; right:30px; (right: 30px;是定位的屬性)
第二題:div1四個方向各10px外邊距,div2四個方向各5px外邊距,當div1、2左右排列時,兩者之間為10px+5px,當div1、2上下排列時,正常情況下就不是10px+5px了,5px被合並到10px裡面去了,這個叫:外邊距自動合並
外邊距自動合並主要是用來解決上下排版(特別是段落之間)的美觀問題,你可以自行百度下,不過有時候外邊距自動合並會失效,需要給其中一個div加內邊距或邊框才能解決。

8、網頁設計,盒子的外邊框怎麼去除,我沒有設置邊框的。

你沒設置邊框....
雖然搞不清楚具體的div位置,但是你的div油不少都設置了邊框的。
代碼就是
border開頭的css,你把border都刪了試試

9、網頁設計與製作中三個盒子模型的css樣式怎麼弄

CSS盒子模型:W3C組織建議把所有的網頁上的對象都放在一個盒子中(在定義盒子寬高的時候,要考慮到內填充,邊框,邊界的存在)
一個盒子的構成:
盒子中的內容:content
盒子的邊框:border
盒子邊框與內容之間的距離:稱為填充---padding內邊距(內補丁)
如果有多個盒子存在,盒子與盒子之間的距離:稱為邊界---margin,外邊距(外補丁)
整個盒子模型在網頁中所佔的寬度:左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界
CSS盒子模型的屬性:
內容屬性:寬=width 高=height
內填充屬性(內容與邊框之間的距離):padding
外邊距屬性:margin(使用該屬性的時候注意瀏覽器的兼容性)
內填充與邊界的規則:
如果有四個參數:表示上右下左,也可以單單指定某個方向
如果只有一個參數:表示上右下左
如果有兩個參數: 第一個參數表示上下 第二個參數表示左右
如果三個參數:表示上 左右 下
邊框屬性:border

復制代碼
代碼如下:

<style type="text/css">
#bigBox{
width:300px;
height:300px;
background:#F30;
padding:20px 0px 0px 20px;
margin:20px;
}
#smallBox{
width:150px;
height:150px;
background:#6F9;
padding-top:20px;
}
</style>
</head>
<body>
<div id="bigBox">
<div id="smallBox">
小盒子
</div>
</div>

與網頁設計盒子怎麼命名相關的知識