在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ css3中before產(chǎn)生的邊和正常div的邊不同

css3中before產(chǎn)生的邊和正常div的邊不同

我在使用css3的:before時(shí)給他定了一個(gè)border使能顯示，具體如下：

 .try:before {
    content: "demodemodemo";
    position: absolute;
    right: 100%;
    top: 10px;
    border-top: 10px solid green;
    border-right: 10px solid red;
    border-bottom: 10px solid blue;
    border-left: 10px solid yellow;

得到的樣式如下：圖片描述

而我在用一般的div，給他定border時(shí)他顯示的是這樣
圖片描述

可以看出來(lái)兩個(gè)長(zhǎng)方體形的邊明顯不同，前者的每個(gè)邊是梯形的，后者則都是長(zhǎng)方形的。請(qǐng)問(wèn)這是為什么啊。

回答
編輯回答
汐顏

......都是一樣的，border本來(lái)就是你before 那么顯示的，只是你下面的顏色一樣而已，你給border每個(gè)邊不同顏色就可以看到了，你要記住border的每條邊都把自身的位置占滿了的，所以是這樣顯示的

   .box{
    width: 400px;
    height: 400px;
    border-top: 10px solid green;
    border-right: 10px solid red;
    border-bottom: 10px solid blue;
    border-left: 10px solid yellow;
}
<div class="box">
      
   </div>
2017年12月29日 00:24
編輯回答
替身

一般沒(méi)問(wèn)題，是不是后面有什么樣式覆蓋了前面的

圖片描述

2017年12月6日 07:39