css3 - border-bottom 的长度可否超过盒子的宽度呢?实现如下图效果。(我的书下面的线)
PHPz
PHPz 2017-04-17 11:42:59
0
7
790

PHPz
PHPz

学习是最好的投资!

全部回覆(7)
PHPzhong

我把margin設為負值,然後把padding設為正值就可以了

迷茫

樓主的這個就是在「我的書」的外層加上bordr-bottom就可以達到

大家讲道理

講道理應該是不可以的吧~因為本身border的長度好像是和盒子長度一致的~如果真的要比盒子長的話,可以在外面嵌套一個p。這只是我的個人看法,如有不對的地方,煩請指正,謝謝。

左手右手慢动作

不可以,你的 border-bottom 是加在盒子裡面的啊

小葫芦

設定一個margin值為負值

刘奇

剛剛試了1L和5L的方法,為margin設定負值,並沒有實現。在我的理解裡,border是和塊狀元素實際的寬高對應的吧,margin這個屬性只能調整位置,並不能增加元素的寬高,所以如果要保持p的寬是50px,還想讓這個p的border-bottom有100px的長度,是不能實現的吧?我不知道我的理解是不是正確,css小白,歡迎指摘。
另外我覺得2L、3L的方法是可以的,我在開發過程中也是這樣實現的,目前是我知道的最簡單直接的實現方式,如果有其他更好的方法,歡迎大神指導!

Ty80

哎,讀了幾遍看不懂啥意思啊,你們咋看得懂的啊。勉強理解的意思是:橫向的灰色線width要大於橫向的藍線,,要突破藍線出去是嗎?那裡面的盒子寬度大於外面的盒子不就好了。 。 。裡面的盒子border-bottom不就大於外面盒子框了麼?感覺沒聽懂啊。 。 。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板