Creat a speech bubble with css


.speech:before {
position: absolute;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 26px solid black;
border-bottom: 13px solid transparent;
margin: 13px 0 0 -25px;
Why when I set border-top and border-bottom color to transparent and then border-right turns out to be a triangle instead of a rectangle?

Here you can see when I change all the border colors to be black, it appears as a rectangle.


And in what case should we set the width and height to be zero?


@weiqhyeah I would actually love to know the answer to that too…


The SERP above contains several good examples and explanations.


I’ve read it through. Yep, good explanations~~Thank you, Roy~:grin:


Where there is a line through “Thank you, roy” ?? :worried:


That would be caused by strike-through markdown, a double tilde on either side. Can you still edit your post? Just put a space between the second tilde and the text, and for display, one on the end of the text, too.

~~ strike-through ~~


Yes, I reedited. I deleted a “~” after “Roy”. When there are two “~~” before and after a word or sentence, there will be line through it.


Note the example above. It only applies when the tilde pair are touching the text on the left side.


Hi, Roy. Do you know in which website I can get some exercises about html, css, jquery, js… I need lots of practice. Thank you ~~

#11 community


I can’t sign up nor log in :expressionless: What’s the problem?


Sorry for waiting but I’ve been busy. I think you need to first go to the main site sign up there and then enable classes.