I tried working on different approaches for rounded corners using CSS. I really didn't want to resort to using the old fashioned tabled layout.
What I wanted was really simple:
- It should be cross browser compatible
- it should look undistorted
- it should be easily configured
I got all that I wanted here:
- Add the following CSS code to your stylesheet:
.upperleft{ width : 100%; margin-left : auto; margin-right : auto; background-color : #fff; background-image : url('/images/upperleft.gif'); background-repeat : no-repeat; background-position : top left; } .upperright{ background-image : url('/images/upperright.gif'); background-repeat : no-repeat; background-position : top right; } .lowerleft{ background-image : url('/images/lowerleft.gif'); background-repeat : no-repeat; background-position : bottom left; } .lowerright{ background-image : url('/images/lowerright.gif'); background-repeat : no-repeat; background-position : bottom right; padding : 3% 3% 3% 3%; }
Enclose your desired content like this:
YOUR DESIRED CONTENT HERE
SAMPLE HERE
Author
Maricris Nonato
I turn tech ideas into websites using Ruby. I'm a budding Buddhist practitioner, passionate about health & fitness, a certified yoga teacher, and a cat fanatic!
Recent posts
Tags
- cats
- yoga
- blood pressure
- elecom
- scrum
- coderkitty
- RailsGirls
- workstation
- creativity
- live book signing
- healthy living
- lowering blood pressure
- crafting
- movies
- reviews
- new year
- blessings
- faith
- quotes to live by
- travelers notebook
- Bujo
- planners
- Monday Motivation
- himalayan salt lamp
- productivity
- life tips
- happiness
- success
- ruby
- digital ocean
- regex
- programming
- humor
- music
- pyromusical
- sphinx
- mac
- games
- musings
- yogi
- namaste
- photography
- hobby
- slimming
- sendmail
- lifestyle
- memes
- open letter
- sports
- shooting
- events
- meetups
- tech talks
- rails
- datatables
- sorting
- cycling
- COVID-19
- wishlist
- xmas
- tradition
- song lyrics
- life lessons
- poems
- short story
- food
- living life
- nginx
- technology
- youtube
- my Nyey
- meditation
- new normal
- jump rope
- two-wheel journey
- planner girl
- rubyist
- culture
- Filipino
- mental health
- counseling
- self-care
Advertise
Advertise here
Newsletter
Instagram Feed
Links
I'm sharing with you P150 gift from GoFutureFresh! Click here to accept my gift.