标签:padding 调整 image 字母 关键字 title yellow 红色 char
po上今天学习的东西,主要有css对字体和内容的调整。
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>网页标题</title>
<meta name="keywords" content="关键字列表" />
<meta name="description" content="网页描述" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
p{color:red;direction: rtl;font-size:100px;font-style:italic;}/*设置文字大小,字体方向、颜色*/
h2{color:yellow;text-decoration:line-through;}
h6{color:#999999;text-align:center;}/*给h6标签上颜色*/
div{margin:0;/*外边距 盒子和盒子的距离*/
padding:0;/*内填充 盒子边框和文字的距离*/
}
.a1{color:green;font-size:200px;text-decoration:line-through;}/*设置文字中间划线*/
.a2{color:gold; font-size:100px;}/*设置文字大小,颜色*/
.a1:hover {color: #FF00FF} /*鼠标停留有粉色变色*/
h2:first-letter
{
color:#ff0000;/*首字母是红色字体*/
font-size:xx-large;
}
ol{
border-style:solid;
border-bottom:thick dotted #ff0000;
}/*底部是红色点边框*/
h2{border-style:solid;border-color:red green blue pink}/*四色边框*/
h6{border-style:solid;border-top:thick dotted #ff00cc;text-align:centet;}/*顶部边框颜色*/
ul{
color:red;
text-decoration:topline;
list-style-type:none;
list-style-image:url(li03.jpg);
}
</style>
<script type="text/javascript"></script>
</head>
<body>
<p>我的天</p>
<h2>我会飞</h2>
<h6>我会走路</h6>
<div>
我的孩子是个很帅很帅的孩子
</div>
<div class=a1>
我的爸爸是个很帅很帅的爸爸
</div>
<div class=a2></div>
<ol type="A" start="C">
<li >我</li>
<li>是</li>
<li>你们的</li>
<li>吴彦祖</li>
</ol>
<h6>请选择不是流星花园的男主角 <h6>
<ul>
<li>吴彦祖</li>
<li>朱孝天</li>
<li>周渝民</li>
<li>言承旭</li>
</ul>
</body>
</html>
标签:padding 调整 image 字母 关键字 title yellow 红色 char
原文地址:http://www.cnblogs.com/bennykiss/p/6081200.html