saeidejafari
شنبه 03 بهمن 1388, 10:51 صبح
سلام بر همگی
من یه text box دارم که میخوام لبه هاش گرد باشه و یه سایه هم توش داشته باشه. از این سایت کد هاشو گرفتم ولی کار نمیکنه
http://www.cssportal.com/form-elements/text-box.htm
یعنی تلفیقی از Rounded Corners و Gradient 2. اینم کدم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>
<style type="text/css">
/* Gradient 2 */
.tb7 {
width: 221px;
background: transparent url('etc/images/bg.jpg') no-repeat;
color : #747862;
height:20px;
border:0;
padding:4px 8px;
margin-bottom:0px;
}
/* Rounded Corner */
.tb5 {
background: url(etc/images/rounded.gif) no-repeat top left;
height: 22px;
width: 230px;
}
.tb5a {
border: 0;
width:220px;
margin-top:3px;
}
</style>
</head>
<body>
<input type="text" class="tb5" value="search" />
</body>
</html>
من یه text box دارم که میخوام لبه هاش گرد باشه و یه سایه هم توش داشته باشه. از این سایت کد هاشو گرفتم ولی کار نمیکنه
http://www.cssportal.com/form-elements/text-box.htm
یعنی تلفیقی از Rounded Corners و Gradient 2. اینم کدم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>
<style type="text/css">
/* Gradient 2 */
.tb7 {
width: 221px;
background: transparent url('etc/images/bg.jpg') no-repeat;
color : #747862;
height:20px;
border:0;
padding:4px 8px;
margin-bottom:0px;
}
/* Rounded Corner */
.tb5 {
background: url(etc/images/rounded.gif) no-repeat top left;
height: 22px;
width: 230px;
}
.tb5a {
border: 0;
width:220px;
margin-top:3px;
}
</style>
</head>
<body>
<input type="text" class="tb5" value="search" />
</body>
</html>