亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么中間的.content部分要在左右加一個和背景顏色一樣的邊框呢?直接用背景就好了呀,加了邊框多了很多代碼,是必要的嗎?

正在回答

1 回答

在這個Demo里面,確實是可以去掉這個border的設置的。但是,不建議去掉,因為這樣做更合理些。

1、從盒子模型來看,其實背景顏色的區域和border是分開的,

http://img1.sycdn.imooc.com//55ed19e90001cc7208510471.jpg

background設置的是圖中右邊 藍色框(內容)和淺綠色框(padding)的顏色。border的顏色需要另行設置。

2、假設背景顏色是藍色,邊框是綠色,那么放在這個Demo里面,就不能去掉border了。實際上我碰到的很多的例子,都是背景顏色跟邊框顏色不一樣的。

總結:建議加上去,作為一個完善的代碼結構,這樣寫既便于代碼復用,也可以用于背景顏色和邊框顏色不一樣的情況。

0 回復 有任何疑惑可以回復我~
#1

炸豬排超人

補充:在用CSS3中border-radius實現圓角的時候,你可以看看盒子模型,border是不是至少為1px?然后試下把border去掉,即0px,你會發現圓角也沒有了。所以這里設置border為1px也是有道理的。
2015-09-07 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
CSS圓角進化論
  • 參與學習       26410    人
  • 解答問題       96    個

CSS小圓角,三種制作方式都教給你,并詳細講解每一種的實現方式

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號