CSS Rounded Corners: Dreamweaver Tutorial

Hey guys! In this tutorial we will take a look at creating a fixed width, rounded corners text box using two simple images we create in Photoshop. You will learn a little about writing CSS code and working with images and CSS as well as some other cool useful tips and tricks. Follow me on Twitter! www.twitter.com Be sure to check out www.tutvid.com Check out the blog @ http
Video Rating: 4 / 5

26 Comments+ Add Comment

  • Cуки!

  • Thousands of profiles for girl naneedj.info

  • visit for dreamweaver cs5 step by step free tutorials


  • cам ты сука, иди учи английский лучше

  • LOL @ whatever.html

  • thankyou so much

  • thank u so much.u help me a lot.

  • boder-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    khtml-border-radius: 10px;

  • I initially thought you would do those roundings only with only CSS !!

  • all i did for what i wanted to do is make a rounded rectangle and set it as the bg for the css tag in dreamweaver and selected repeat-no repeat, horizontal position-center, vertical position-center and it stays in place.

  • you know how you just cropped a decent size off both sides? i did that but when i put the codes in like the video says.. it still shows it as a box unless I put the rbox(in my project its #content) as a different background color along with the background image of the bottom part. 

  • You sound like Charlie Sheen ^_^

  • thanks for the tut but it really didnt help me that much, other then the css
    but i figured out a easier way

  • […] CSS Rounded Corners: Dreamweaver Tutorial « « css, look-at-creating, photoshop, rounded-corners, simple-images, text-box, tutorial, […]

  • He’s bangin’ 7em rocks!

  • Very nice vid

  • Great tut. Thank you!!

  • I tried the


    css but it doesnt seem to work within multiple divs for some reason.

  • Hey Andrew… you almost got it… why do you have two files top and bottom… here is a more productive technique my friend – and more flexible for changes – I have 24 year of Adobe master techniques (since 1987) – if there is a faster better way.. I know it – youtubeDotCom/thinkdreamweaver and search: Dreamweaver CSS create rounded corner webpage with div tags od course html5 CSS3 solves all of this – good luck Robert- follow my twitter @adobevideos or @thinkadobe

  • hahaha

  • thanks for the tutorial 😀

  • Thanks Tut…what you’re doing is just what i need. Thanks mate. Keep em coming bro…you explain it well. J

  • For those rounding corners with only css let me ask you how does it look in IE 😉

  • I love you friend!!!

  • Who cares, if IE can’t keep up with web standards, then people will just simply stop using it, and save us all a lot of trouble in the process.

  • Good stuff. It took me months to figure this stuff out on my own. Nice to see folks putting up instructional videos on this.