单页效果实例

nidaye

• 1
• 2
• 3
• 4

@nideye

*{margin: 0px; padding-left: 0px;}body{ background-color: snow;}.wrapper{ width: 80%; height: 1000px; background-color: antiquewhite; margin: 0px auto;}.heading{ margin:0px; width: 100%; height: 90px; background-color: snow; margin: 0px auto;}.heading_title{ float: left; font-family: Arial; font-size: 30px; color: crimson;}.heading_nav{ padding-bottom: 30px; padding-top: 30px; width: 100%; height: 30px; position: relative;}ul{ margin-left: 40px; float: left; list-style-type: none; padding-top: 6px; padding-bottom: 6px;}li{ padding-left: 10px; display: inline; }a:link,a:visited{ font-weight: bold; color: darkgray; text-align: center; padding: 6px; text-decoration: none;}a:hover,a:active{ color: black;}.heading_img{ border-radius: 30px; display: inline; width: 26px; box-shadow: 0 1px 1px rgba(0,0,0,0.2);}.heading_soptlight form{ float: right; width: 100px; height: 26px; position: relative; margin-right: 50px;}form input{ height: 26px; border-radius: 30px;}.footing{ padding-top: 20px; text-align: center; color: darkgray; font-size: 10px;}.body{ padding:30px; height: auto; width: auto;}.body_title h3{ font-size: 30px; font-family: Arial; width: auto; color: #333333;}.body_title p{ margin-top: 20px; margin-bottom: 20px;}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。