2008-03-14

常用的CSS样式收藏

注明 是转载的 呵呵 对自己有用

/*第一种效果*/
<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
2. Style your order list
<ol>
<li>
<p>This is line one</p>
</li>
<li>
<p>Here is line two</p>
</li>
<li>
<p>And last line</p>
</li>
</ol>

ol {
font: italic 1em Georgia, Times, serif;
color: #999999;
}

ol p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}

/*第二种效果*/
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>


label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}


label {
text-align: right;
width: 75px;
padding-right: 20px;
}


br {
clear: left;
}
  • 026c7df2-15a5-39bf-b97b-810dce4cd04e-thumb
  • 描述: css效果图
  • 大小: 2.4 KB
  • Cdf1d6a8-5831-3ffb-9b71-9fe7fcb38952-thumb
  • 描述: 第二种CSS效果图
  • 大小: 731 Bytes
评论
发表评论

您还没有登录，请登录后发表评论

tianma168
搜索本博客
存档
最新评论