Newer
Older
Import / web / www.xiaofrog.com / content / style.php
<?php include("../style/header.php"); ?>  
<h1>CSS Style Test</h1>
<p>
<h1> Heading 1 example </h1>
<h2> Heading 2 example </h2>
<h3> Heading 3 example </h3>
<h4> Heading 4 example </h4>
<h5> Heading 5 example </h5>
<b>Bold text example</b><br>
Normal text example<br>
<i>Italic text example</i><br>
<a href="style.php">Visited Link</a>
<a href="style123.html">Normal Link</a>
<ul>
<li>List Item</li>
</ul>


<form id="rsearch" onsubmit="return checkFields(this)" method="get" action="http://www.apple.com/buy/locator/index.html">
<div class="search-wrapper empty blurred">
<span class="left"/>
<input id="resellersearch" class="prettysearch" type="search" results="5" autosave="Apple Resellers" placeholder="City and State or Zip" name="q" autocomplete="off"/>
<span class="right"/>
</div>
<input type="hidden" value="ENETINTV" name="solution"/>
</form>

<style>

input {
margin:0pt;
padding:0pt;
}
.search-wrapper {
position:relative;
width:200px;
}
.search-wrapper .left {
background:transparent url(http://images.apple.com/global/elements/prettysearch/searchfield_leftcap.png) no-repeat scroll left top;
display:block;
position:absolute;
top:0pt;
left:0pt;
width:20px;
height:19px;
}
.search-wrapper .right {
background:transparent url(http://images.apple.com/global/elements/prettysearch/searchfield_rightcap.png) no-repeat scroll right top;
display:block;
position:absolute;
top:0pt;
right:0pt;
width:10px;
height:19px;
}
input.prettysearch {
background:transparent url(http://images.apple.com/global/elements/prettysearch/searchfield_repeat.png) repeat-x scroll center top;
border:0px none;
font-family:"Lucida Grande",Geneva,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
height:16px;
margin:0pt;
padding:3px 0pt 0pt;
width:200px;
}

</style>

<?php include("../style/footer.php") ?>