<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加样式</title>
<style type="text/css">
*{margin:0px;padding:0px;}
#text{
width:300px;
height:700px;
background-color:#0FF;
background-image:url(file:///D|/%E6%88%91%E7%9A%84%E6%96%87%E6%A1%A3/%E5%9B%BE%E7%89%87%E6%94%B6%E8%97%8F/10527602_980x1200_0.jpg);
background-repeat:repeat-x;
background-position:right;
background-attachment:fixed;
background-size:200px 200px;
font-size:40px;
font-family:微软雅黑;
color:#333;
font-weight:bold;
font-style:italic;
text-decoration:underline;
text-align:center;
vertical-align:middle;
line-height:300px;
}
#gun{
margion:30px;
width:400px;
height:100px;
background-color:#0F9;
padding:50px;
}
#lily{
width:0px;
height:0px;
border-top:100px solid #3F3;
border-right:100px solid #F00;
border-bottom:100px solid #CC0;
border-left:100px solid #00C;
position:fixed;
right:30px;
top:30px;
}
#打你{
width:900px;
height:35px;
margin-top:20px;
}
.打你{
width:100px;
height:35px;
float:left;
text-align:center;
vertical-align:middle;
line-height:35px;
}
</style>
</head>
<body>
<div id="打你">
<div class="打你">服不服</div>
<div class="打你">服不服</div>
<div class="打你">服不服</div>
<div class="打你">服不服</div>
<div class="打你">服不服</div>
</div>
<div style="clear:both"></div>
<div id="text">佐罗</div>
<a href="#" style="text-decoration:none">没有下划线</a>
<!--<div id="隐藏" style="background-color:#F00;width:200px;height:200px;font-size:20px;">隐藏</div>-->
<div id="gun">
<div id="roser" style="width:60px;height:60px;background-color:#F60"></div>
</div>
<div id="lily"></div>
</body>
