HỏiNhờ viết giúp code css này

**alogame** · 10.03.2016 / 20:28

Bạn nào có khả năng viết giúp mình code theo demo hình ảnh bằng css :after và :before

**nasic** · 10.03.2016 / 20:33

Cương nhỉ

**alogame** · 10.03.2016 / 22:12

Không lm dc hở bạn

**MrKen** · 10.03.2016 / 22:38

cái này là pop up hay sao?

**alogame** · 11.03.2016 / 06:23

MrKen đã viết ↑

cái này là pop up hay sao?

À không. Chỉ là một đường kẻ ngang có thêm chữ V úp như vậy thôi. Như chỗ đăng stt của facebook có ấy

**b0ysh0ckhn** · 11.03.2016 / 07:56

CSS

.chat-up1{background-color:#fff;border-top:1px solid #ddd;padding:0;line-height:1.3em;margin-top:10px;position:relative;text-align:left;border-radius:4px}
.chat-up1:after,.chat-up1:before{bottom:100%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.chat-up1:after{border-color:transparent transparent #fff transparent;border-style:solid;border-width:10px;height:0;width:0;position:absolute;to p:-19px;left:43px}
.chat-up1:before{border-color:transparent transparent #eee transparent;border-style:solid;border-width:10px;height:0;width:0;position:absolute;top:-21px;left:43px}

**alogame** · 11.03.2016 / 09:42

Code html ghi như này thôi à,

PHP

<div class="chat-up1"></div>

**alogame** · 11.03.2016 / 10:13

Thank nhé

**b0ysh0ckhn** · 11.03.2016 / 18:26

kia là dùng after và before.còn cách khác là dùng img

**saoko** · 11.03.2016 / 18:51

thế ko dùng after và before và img luôn thì sao