My Blog: css3

http://www.bloggersentral.com/2010/10/jump-to-section-or-part-on-same-page.html

1 <p id="postbottom">You’ve reached the bottom of the post</p>

<a href="#postbottom">This link will take you to the bottom of post</a>

------------------------------------------------------------------------------------------------------------------------------------------------------------------

1 <p id="posttop">You’ve reached the top of the post</p>

<a href="#posttop">This link will take you to the top of post</a>

**********************************************************************************************************
http://www.w3schools.com/css/css3_borders.asp

RoundRow using css with gradient color :

<!DOCTYPE html>
<html>
<head>
<style>
.roundRow
{
border:2px solid #3BA626;
padding:10px 40px;
/*background:#B6DBAE;*/
width:100%;
height:30px;
border-radius:15px;
background-image: linear-gradient(#0000FF 0%, #FFFF00 100%);

}
</style>
</head>
<body>

<div class="roundRow">

<div id="Left_div" style="float:left; width:60%; height:30px;">
dgf dfg
</div>



<div id="Right_div" style="float:left; width:40%; height:30px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="29%">Log Out</td>
<td width="7%"> </td>
<td width="22%">Time</td>
<td width="15%"> </td>
<td width="27%">Picture</td>
</tr>
</table>
</div>

</div>

</body>

</html>

*********************************************************
Gradient Name Link :
http://learn.shayhowe.com/html-css/backgrounds-gradients

http://www.css3.info/preview/rounded-border/
http://news.qooxdoo.org/combining-css-gradients-and-border-radius-in-ie9

My Blog

Wednesday, April 23, 2014

css3

No comments:

Post a Comment