Dev Opera

Rounded corners with no extra markup

Rounded corners using SVG as a background image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ipsum lorem, facilisis vel, viverra sit amet, gravida et, sem. Nullam nulla nibh, vulputate eu, bibendum quis, laoreet sit amet, orci. Ut tellus. Integer ipsum mauris, varius vel, pretium a, ultrices ut, est. Donec vitae diam. Vestibulum magna leo, imperdiet sed, semper nec, ultrices ut, mi. Proin tempus facilisis quam. Cras sem. Donec quam enim, lacinia sed, posuere ac, sodales ac, tortor. Vivamus ac libero ut diam tincidunt nonummy. Donec sit amet justo et sem nonummy accumsan. Nulla iaculis, neque nec auctor pretium, est justo ultrices mi, in dapibus metus dui sit amet tortor. Suspendisse potenti. Aliquam quam pede, suscipit auctor, sodales ut, consequat id, sem. Proin at nisi. Suspendisse nunc. Maecenas sapien turpis, lacinia ut, tristique ac, imperdiet id, orci. Nulla facilisi. Praesent at urna.

Curabitur et magna eget justo semper auctor. Aenean ornare. Quisque aliquam dapibus mi. Pellentesque convallis elit eu nibh. Donec auctor. Aliquam erat volutpat. Vestibulum vitae sapien non est commodo tempus. Curabitur sem justo, semper eget, porttitor ut, consequat sodales, est. Suspendisse at velit tempor elit laoreet malesuada. In in lorem et massa ornare varius. Sed sollicitudin, est vitae laoreet congue, lectus purus ornare urna, a pellentesque ante neque et magna. Donec iaculis nulla nec dolor. Mauris eget ipsum. Aliquam ut enim. Nullam molestie faucibus felis. In imperdiet enim in sapien. Sed eleifend, neque quis tristique convallis, magna nunc fringilla arcu, eget auctor elit lectus non lectus. Proin ullamcorper enim in arcu.

Rounded corners using border-radius

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ipsum lorem, facilisis vel, viverra sit amet, gravida et, sem. Nullam nulla nibh, vulputate eu, bibendum quis, laoreet sit amet, orci. Ut tellus. Integer ipsum mauris, varius vel, pretium a, ultrices ut, est. Donec vitae diam. Vestibulum magna leo, imperdiet sed, semper nec, ultrices ut, mi. Proin tempus facilisis quam. Cras sem. Donec quam enim, lacinia sed, posuere ac, sodales ac, tortor. Vivamus ac libero ut diam tincidunt nonummy. Donec sit amet justo et sem nonummy accumsan. Nulla iaculis, neque nec auctor pretium, est justo ultrices mi, in dapibus metus dui sit amet tortor. Suspendisse potenti. Aliquam quam pede, suscipit auctor, sodales ut, consequat id, sem. Proin at nisi. Suspendisse nunc. Maecenas sapien turpis, lacinia ut, tristique ac, imperdiet id, orci. Nulla facilisi. Praesent at urna.

Curabitur et magna eget justo semper auctor. Aenean ornare. Quisque aliquam dapibus mi. Pellentesque convallis elit eu nibh. Donec auctor. Aliquam erat volutpat. Vestibulum vitae sapien non est commodo tempus. Curabitur sem justo, semper eget, porttitor ut, consequat sodales, est. Suspendisse at velit tempor elit laoreet malesuada. In in lorem et massa ornare varius. Sed sollicitudin, est vitae laoreet congue, lectus purus ornare urna, a pellentesque ante neque et magna. Donec iaculis nulla nec dolor. Mauris eget ipsum. Aliquam ut enim. Nullam molestie faucibus felis. In imperdiet enim in sapien. Sed eleifend, neque quis tristique convallis, magna nunc fringilla arcu, eget auctor elit lectus non lectus. Proin ullamcorper enim in arcu.

Rounded corners using both methods

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ipsum lorem, facilisis vel, viverra sit amet, gravida et, sem. Nullam nulla nibh, vulputate eu, bibendum quis, laoreet sit amet, orci. Ut tellus. Integer ipsum mauris, varius vel, pretium a, ultrices ut, est. Donec vitae diam. Vestibulum magna leo, imperdiet sed, semper nec, ultrices ut, mi. Proin tempus facilisis quam. Cras sem. Donec quam enim, lacinia sed, posuere ac, sodales ac, tortor. Vivamus ac libero ut diam tincidunt nonummy. Donec sit amet justo et sem nonummy accumsan. Nulla iaculis, neque nec auctor pretium, est justo ultrices mi, in dapibus metus dui sit amet tortor. Suspendisse potenti. Aliquam quam pede, suscipit auctor, sodales ut, consequat id, sem. Proin at nisi. Suspendisse nunc. Maecenas sapien turpis, lacinia ut, tristique ac, imperdiet id, orci. Nulla facilisi. Praesent at urna.

Curabitur et magna eget justo semper auctor. Aenean ornare. Quisque aliquam dapibus mi. Pellentesque convallis elit eu nibh. Donec auctor. Aliquam erat volutpat. Vestibulum vitae sapien non est commodo tempus. Curabitur sem justo, semper eget, porttitor ut, consequat sodales, est. Suspendisse at velit tempor elit laoreet malesuada. In in lorem et massa ornare varius. Sed sollicitudin, est vitae laoreet congue, lectus purus ornare urna, a pellentesque ante neque et magna. Donec iaculis nulla nec dolor. Mauris eget ipsum. Aliquam ut enim. Nullam molestie faucibus felis. In imperdiet enim in sapien. Sed eleifend, neque quis tristique convallis, magna nunc fringilla arcu, eget auctor elit lectus non lectus. Proin ullamcorper enim in arcu.