0

Hi All,

Can we use CSS to make rounded corner or bubble speech text area using CSS?

I already have my application generating code to show a rectangle, and I want it to look more appealing.

Any suggestions are welcome

5
Contributors
5
Replies
6
Views
5 Years
Discussion Span
Last Post by AbhishekBiswal
0

#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}

the -moz-border-radius: 15px; is for firefox so you will need to adjust both pixel ratios to be seen in all browsers.

0

I can add and

-webkit-border-radius:15px;

those 3 are all possible css elements for round corners

#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius:15px;
}
0

You can use css3 border-radius like this:

#test
{
border-radius:24px; /* Makes all the corners rounded (24px) */
border-radius:24px 0px 24px 0px; /* Makes only The First and The Third corner rounded. */
}

The Sides are like this:

A---------------B
-----------------
-----------------
C---------------D

and the code goes like this: border-radius: Apx Bpx Dpx Cpx;

Hope your problem is solved.

Edited by AbhishekBiswal: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.