1 0 Tag Archives: html
post icon

How to change, switch between two images for anchor tag?

< a href="index.php">

< img src="images/home-grey.png" onmouseover="this.src='images/home-white.png'" onmouseout="this.src='images/home-grey.png'" />

< div class="big-text">Home< /div>

< /a>

Leave a Comment
post icon

Round Corner box with CSS “Border-radius”

Have you(programmer) ever need a round corner box around some text. What you do

ask designer to make a round corner image and use it as a <DIV> backround, right?

Now with CSS3, IE9, FF7+, you can use CSS to define a “round corner box” using only CSS.

//css

<style>
.round{
border-radius: 25px;
background-color:#CCC;
width:300px;
height:300px;
padding-top:5px;
padding-left:5px;
}
</style>

 

//HTML/PHP

<div class=”round”>This is round corner box</div>

 

//output

CSS Round Corner Box using DIV

 

Leave a Comment