margin border

CSS邊框?qū)傩裕?/b>

border不能分別定義4個邊框的寬度,顏色和樣式,只能統(tǒng)一定義,不可以對四個邊設(shè)置不同的值,和margin與padding是不同的(后兩者可以分別定義四個邊的值).

border-top -- 定義上邊框樣式

border-right -- 定義右邊框樣式

border-bottom -- 定義下邊框樣式

border-left -- 定義左邊框樣式

CSS的margin屬性:

邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.

邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).

邊外補白(margin)只有寬度width一種屬性.

適用于: 所有元素,除了 table-caption, table 和 inline-table

margin,中文"邊尉桩、頁邊"的意思

如果margin屬性后面跟隨四個值,那么值的分配順序是從上面開始以順時針旋轉(zhuǎn)分配

CSS中padding屬性

邊框的里面可以有一層邊內(nèi)補白(padding),邊內(nèi)補白定義了邊框與邊框里面內(nèi)容的距離.

邊內(nèi)補白分為上邊內(nèi)補白(top),下邊內(nèi)補白(bottom),左邊內(nèi)補白(left),右邊內(nèi)補白(right).

邊內(nèi)補白只有width一種屬性.

*padding邊內(nèi)補白可以取負(fù)值;邊內(nèi)補白是看不到的,因為它本身是透明的*

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拐格,一起剝皮案震驚了整個濱河市语泽,隨后出現(xiàn)的幾起案子膨蛮,更是在濱河造成了極大的恐慌邓尤,老刑警劉巖淹接,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件之景,死亡現(xiàn)場離奇詭異铲汪,居然都是意外死亡熊尉,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進店門掌腰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來狰住,“玉大人,你說我怎么就攤上這事齿梁〈咧玻” “怎么了?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵勺择,是天一觀的道長创南。 經(jīng)常有香客問我,道長省核,這世上最難降的妖魔是什么稿辙? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮气忠,結(jié)果婚禮上邻储,老公的妹妹穿的比我還像新娘赋咽。我一直安慰自己,他們只是感情好吨娜,可當(dāng)我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布脓匿。 她就那樣靜靜地躺著,像睡著了一般宦赠。 火紅的嫁衣襯著肌膚如雪陪毡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天勾扭,我揣著相機與錄音毡琉,去河邊找鬼。 笑死尺借,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的精拟。 我是一名探鬼主播燎斩,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蜂绎!你這毒婦竟也來了栅表?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤师枣,失蹤者是張志新(化名)和其女友劉穎怪瓶,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體践美,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡洗贰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了陨倡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片敛滋。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖兴革,靈堂內(nèi)的尸體忽然破棺而出绎晃,到底是詐尸還是另有隱情,我是刑警寧澤杂曲,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布庶艾,位于F島的核電站,受9級特大地震影響擎勘,放射性物質(zhì)發(fā)生泄漏咱揍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一棚饵、第九天 我趴在偏房一處隱蔽的房頂上張望述召。 院中可真熱鬧朱转,春花似錦、人聲如沸积暖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽夺刑。三九已至缅疟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間遍愿,已是汗流浹背存淫。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留沼填,地道東北人桅咆。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像坞笙,于是被迫代替她去往敵國和親岩饼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,576評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案薛夜? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,737評論 1 92
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途籍茧。 HTML5 HTML介紹 H...
    PYLON閱讀 3,212評論 0 5
  • 一.CSS描述 CSS全稱為“層疊樣式表(Cascading Style Sheets)”,它主要是用于定義HTM...
    snowy_sunny閱讀 1,061評論 0 4
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color梯澜,font寞冯,text-align,li...
    wzhiq896閱讀 1,733評論 0 2
  • 文/樊榮強 一 我有一個朋友,專門從事禮儀培訓(xùn)咆疗。有一天螟蝙,她告訴說今天累了一整天,為一些機關(guān)干部上課民傻,但是發(fā)現(xiàn)他們根...
    樊榮強閱讀 446評論 3 7