This style give a border with smoothed corners on the outside of the border but the insides of the corners are sqaured of, can I make them rounded as well?
img{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:white solid 8px;
}
Note the problem is only with images the suggestions submitted work only with a div.
CSS Syntaxborder-radius: 1-4 length|% / 1-4 length|%|initial|inherit; Note: The four values for each radius are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left.
To actually make the inner border-radius effect a background property with a value equal to the border color must be set to the . content element. For the p element, a background property must be set as well.
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; This will override any border radius css.
you can use border-radius values as twice the border-size value to obtain inside-rounded corners.
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
border:white solid 8px;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With