第五课样式表
Posted 为伊消得
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第五课样式表相关的知识,希望对你有一定的参考价值。
<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>
以上是关于第五课样式表的主要内容,如果未能解决你的问题,请参考以下文章