css中邊距問題

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

為茶陵等地區用戶提供了全套網頁設計制作服務，及茶陵網站建設行業解決方案。主營業務為成都網站設計、網站建設、茶陵網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

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

一、padding

1、語法結構

（1）padding-left:10px; 左內邊距

（2）padding-right:10px; 右內邊距

（3）padding-top:10px; 上內邊距

（4）padding-bottom:10px; 下內邊距

（5）padding：10px; 四邊統一內邊距

（6）padding:10px 20px; 上下、左右內邊距

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

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

2、可能取的值

（1）length? 規定具體單位記的內邊距長度

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

（3）auto????瀏覽器計算內邊距

（4）inherit 規定應該從父元素繼承內邊距

3、瀏覽器兼容問題

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

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

二、margin

1、語法結構

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

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

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

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

（5）margin:10px; 四邊統一外邊距

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

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

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

2、可能取的值

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

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

（3）auto??? 瀏覽器計算外邊距

（4）inherit 規定應該從父元素繼承外邊距

3、瀏覽器兼容問題

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

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

margin和padding的區別用圖表示為：

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

實現方式如下：

1、先設全邊框，再取消上下邊框樣式

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

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

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

3、先設全邊框，再取消上下邊框

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

4、直接設置左右邊框，上下邊框不設置

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

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

顯示效果如下圖：

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

擴展資料：

CSS邊框

在 HTML 中，我們使用表格來創建文本周圍的邊框，但是通過使用 CSS 邊框屬性，我們可以創建出效果出色的邊框，并且可以應用于任何元素。

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

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

邊框與背景

CSS 規范指出，邊框繪制在“元素的背景之上”。這很重要，因為有些邊框是“間斷的”（例如，點線邊框或虛線框），元素的背景應當出現在邊框的可見部分之間。

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

邊框的樣式

樣式是邊框最重要的一個方面，這不是因為樣式控制著邊框的顯示（當然，樣式確實控制著邊框的顯示），而是因為如果沒有樣式，將根本沒有邊框。

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

可能的值：

參考資料：W3C官方網站

CSS樣式如何設置滾動條的內邊距?

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

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

marquee

style="padding:N

px;"/marquee

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

body部分：marquee

class="X"/marquee

CSS部分：

.X{padding:N

px;}

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

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

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

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

3、瀏覽器運行index.html頁面，此時實現了背景圖片距離底部80px大小。

CSS樣式里外邊距怎么寫的

設置標簽外邊距為10px：margin:10px;

設置標簽內邊距為10px：

padding:10px;

也可以以四個值來分別設置標簽上下左右的邊距值，順序為：上 右 下 左

margin:10px 20px 10px 20px;

padding:10px 20px 10px 20px;

還可以分開設置：

上：margin-top 、padding-top

右：margin-right 、padding-right

下：margin-bottom 、padding-bottom

左：margin-left 、 padding-left

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

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

本文標題：css下邊距樣式怎么寫,css中下邊距怎么設置
分享路徑：http://vcdvsql.cn/article0/dsdegoo.html

成都網站建設公司_創新互聯，為您提供定制開發、網頁設計公司、網站導航、網站建設、服務器托管、關鍵詞優化

廣告

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