css中邊距問題

在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離，就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離，就是容器內(nèi)距離。

為茶陵等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及茶陵網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、茶陵網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

下面講解 padding和margin常用的用法

一、padding

1、語法結(jié)構(gòu)

（1）padding-left:10px; 左內(nèi)邊距

（2）padding-right:10px; 右內(nèi)邊距

（3）padding-top:10px; 上內(nèi)邊距

（4）padding-bottom:10px; 下內(nèi)邊距

（5）padding：10px; 四邊統(tǒng)一內(nèi)邊距

（6）padding:10px 20px; 上下、左右內(nèi)邊距

（7）padding:10px 20px 30px; 上、左右、下內(nèi)邊距

（8）padding:10px 20px 30px 40px; 上、右、下、左內(nèi)邊距

2、可能取的值

（1）length? 規(guī)定具體單位記的內(nèi)邊距長度

（2）%???????基于父元素的寬度的內(nèi)邊距的長度

（3）auto????瀏覽器計(jì)算內(nèi)邊距

（4）inherit 規(guī)定應(yīng)該從父元素繼承內(nèi)邊距

3、瀏覽器兼容問題

（1）所有瀏覽器都支持padding屬性

（2）任何版本IE都不支持屬性值“inherit”

二、margin

1、語法結(jié)構(gòu)

（1）margin-left:10px; 左外邊距

（2）margin-right:10px; 右外邊距

（3）margin-top:10px; 上外邊距

（4）margin-bottom:10px; 下外邊距

（5）margin:10px; 四邊統(tǒng)一外邊距

（6）margin:10px 20px; 上下、左右外邊距

（7）margin:10px 20px 30px; 上、左右、下外邊距

（8）margin:10px 20px 30px 40px; 上、右、下、左外邊距

2、可能取的值

（1）length? 規(guī)定具體單位記的外邊距長度

（2）%???????基于父元素的寬度的外邊距的長度

（3）auto??? 瀏覽器計(jì)算外邊距

（4）inherit 規(guī)定應(yīng)該從父元素繼承外邊距

3、瀏覽器兼容問題

（1）所有瀏覽器都支持margin屬性

（2）任何版本IE都不支持屬性值“inherit”

margin和padding的區(qū)別用圖表示為：

我用css寫,只想要div左右兩邊有邊框,上下沒有邊框,要怎么寫呢?

實(shí)現(xiàn)方式如下：

1、先設(shè)全邊框，再取消上下邊框樣式

border:1px solid #ccc; border-style:none solid;

2、先設(shè)全邊框，再取消上下邊框的寬度

border:1px solid #ccc; border-width:0 1px;

3、先設(shè)全邊框，再取消上下邊框

border:1px solid #ccc; border-top:none; border-bottom:none;

4、直接設(shè)置左右邊框，上下邊框不設(shè)置

border-top:none; border-left:1px solid #ccc;?border-right:1px solid #ccc;

以方式一為例，代碼如圖：

顯示效果如下圖：

這樣就只顯示了div的左右邊框，而沒有顯示上下邊框。

擴(kuò)展資料：

CSS邊框

在 HTML 中，我們使用表格來創(chuàng)建文本周圍的邊框，但是通過使用 CSS 邊框?qū)傩裕覀兛梢詣?chuàng)建出效果出色的邊框，并且可以應(yīng)用于任何元素。

元素外邊距內(nèi)就是元素的的邊框 (border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊據(jù)的一條或多條線。

每個(gè)邊框有 3 個(gè)方面：寬度、樣式，以及顏色。在下面的篇幅，我們會(huì)為您詳細(xì)講解這三個(gè)方面。

邊框與背景

CSS 規(guī)范指出，邊框繪制在“元素的背景之上”。這很重要，因?yàn)橛行┻吙蚴恰伴g斷的”（例如，點(diǎn)線邊框或虛線框），元素的背景應(yīng)當(dāng)出現(xiàn)在邊框的可見部分之間。

CSS2 指出背景只延伸到內(nèi)邊距，而不是邊框。后來 CSS2.1 進(jìn)行了更正：元素的背景是內(nèi)容、內(nèi)邊距和邊框區(qū)的背景。大多數(shù)瀏覽器都遵循 CSS2.1 定義，不過一些較老的瀏覽器可能會(huì)有不同的表現(xiàn)。

邊框的樣式

樣式是邊框最重要的一個(gè)方面，這不是因?yàn)闃邮娇刂浦吙虻娘@示（當(dāng)然，樣式確實(shí)控制著邊框的顯示），而是因?yàn)槿绻麤]有樣式，將根本沒有邊框。

CSS 的?border-style 屬性定義了 10 個(gè)不同的非 inherit 樣式，包括 none。

可能的值：

參考資料：W3C官方網(wǎng)站

CSS樣式如何設(shè)置滾動(dòng)條的內(nèi)邊距?

兩種方法，第一是在body里設(shè)置，第二是在樣式里。

如果你只是單純用的marquee的話這樣寫

marquee

style="padding:N

px;"/marquee

如果是樣式里的話，先對marquee設(shè)置名稱，然后寫樣式

body部分：marquee

class="X"/marquee

CSS部分：

.X{padding:N

px;}

CSS 背景圖 距離底部80PX怎么寫呢

需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的style標(biāo)簽中，輸入css代碼：img {position: absolute;bottom: 80px;z-index: -1;}。

3、瀏覽器運(yùn)行index.html頁面，此時(shí)實(shí)現(xiàn)了背景圖片距離底部80px大小。

CSS樣式里外邊距怎么寫的

設(shè)置標(biāo)簽外邊距為10px：margin:10px;

設(shè)置標(biāo)簽內(nèi)邊距為10px：

padding:10px;

也可以以四個(gè)值來分別設(shè)置標(biāo)簽上下左右的邊距值，順序?yàn)椋荷?右 下 左

margin:10px 20px 10px 20px;

padding:10px 20px 10px 20px;

還可以分開設(shè)置：

上：margin-top 、padding-top

右：margin-right 、padding-right

下：margin-bottom 、padding-bottom

左：margin-left 、 padding-left

表格的外邊距CSS樣式怎么改？

你要做響應(yīng)式的話最好不要內(nèi)嵌樣式，內(nèi)嵌樣式不利于適應(yīng)手機(jī)端；你寫樣式的時(shí)候得分開手機(jī)端和PC端的樣式。你上述樣式有一個(gè)446px，在一些手機(jī)已經(jīng)超屏了。表格的外邊距你就直接給table margin：0px 5px;就可以了。

本文標(biāo)題：css下邊距樣式怎么寫,css中下邊距怎么設(shè)置
分享路徑：http://chinadenli.net/article0/dsdegoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、服務(wù)器托管、關(guān)鍵詞優(yōu)化

廣告

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