Web Development Tips

Archive for the ‘CSS’ Category

Rounded Corner Without Image

Posted by: slvramesh on: December 28, 2007

I have create rounded corder box without image. Here is the coding. Copy below code and paste text editor and save .html file and view your browser. <!– css –>  <style type=”text/css”> .test{background:#fff;color:#222;margin-left:9px;margin-right:9px;margin-top:5px;margin-bottom:5px;} .container {background:#ccc; color:#fff; margin:0 15px;width:500px;position:relative;top:100px;left:100px;} .rtop, .rbottom{display:block;background:#fff;} .rtop *, .rbottom *{display: block;height: 1px;overflow: hidden;background:#ccc;} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 [...]


Follow

Get every new post delivered to your Inbox.