這篇文章主要介紹“css上邊距如何設置”，在日常操作中，相信很多人在css上邊距如何設置問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css上邊距如何設置”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站制作、成都網(wǎng)站設計、東阿網(wǎng)絡推廣、微信平臺小程序開發(fā)、東阿網(wǎng)絡營銷、東阿企業(yè)策劃、東阿品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供東阿建站搭建服務，24小時服務熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

css設置上邊距的方法：1、使用margin-top屬性設置元素的上外邊距；2、使用padding-top屬性設置元素的上內(nèi)邊距。margin-top和padding-top屬性接受任何長度單位，可以是像素、英寸、毫米或em。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css設置上邊距的方法一：使用margin-top屬性

margin-top屬性可以設置元素的上外邊距

圍繞在元素邊框的空白區(qū)域是外邊距。設置外邊距會在元素外創(chuàng)建額外的“空白”。

外邊距屬性受任何長度單位（可以是像素、英寸、毫米或 em。）、百分數(shù)值甚至負值。

屬性值：

示例：

 





一個沒有指定邊距大小的段落。
一個2厘米上邊距的段落。

一個沒有指定邊距大小的段落。

效果圖：

css設置上邊距的方法二：使用padding-top屬性

padding-top屬性可以設置元素的上內(nèi)邊距

元素的內(nèi)邊距在邊框和內(nèi)容區(qū)之間，是元素邊框與元素內(nèi)容之間的空白區(qū)域

內(nèi)邊距屬性接受長度值或百分比值，但不允許使用負值。

屬性值：

示例：

 




這是一個沒有上部填充邊距的文本。這是一個沒有上部填充邊距的文本。這是一個沒有上部填充邊距的文本。
這個文本的上部填充邊距為2厘米。這個文本的上部填充邊距為2厘米。這個文本的上部填充邊距為2厘米。

這個文本的上部填充邊距為20%。這個文本的上部填充邊距為20%。這個文本的上部填充邊距為20%。

效果圖：

到此，關于“css上邊距如何設置”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
標題名稱：css上邊距如何設置
文章位置：http://weahome.cn/article/ipgspe.html