第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

正在回答

1 回答

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

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

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

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

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

炸豬排超人

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

舉報

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

CSS小圓角,三種制作方式都教給你,并詳細(xì)講解每一種的實現(xiàn)方式

進入課程
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號