第五課樣式表
阿新 • • 發佈：2017-06-10
att char pad vertica ack attach ima ext 技術分享
<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>
第五課樣式表