金山云页面css
导读:金山云是一家全球领先的云计算服务提供商,为广大企业及个人提供高效、安全、可靠的云服务。其页面css设计非常精美,具有非常高的可读性和可用性,以下是对金山云页面css的介绍。/*重置浏览器默认样式*/*{margin:0;padding:0;...
金山云是一家全球领先的云计算服务提供商,为广大企业及个人提供高效、安全、可靠的云服务。其页面css设计非常精美,具有非常高的可读性和可用性,以下是对金山云页面css的介绍。
/*重置浏览器默认样式*/*{ margin:0; padding:0; box-sizing:border-box; } /*页面body样式*/body{ font-size:14px; line-height:1.5; font-family:"PingFang SC","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,sans-serif; color:#333; } /*页面容器样式*/.container{ width:1200px; margin:0 auto; padding:50px 0; } /*导航栏样式*/.nav{ display:flex; justify-content:space-between; align-items:center; height:80px; background-color:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,.1); } /*导航栏Logo样式*/.nav-logo{ width:200px; height:40px; margin-left:50px; background:url('./images/logo.png') no-repeat center; background-size:contain; } /*导航栏链接样式*/.nav-links{ display:flex; justify-content:flex-end; align-items:center; margin-right:50px; } .nav-links a{ margin-right:40px; color:#333; font-weight:bold; text-decoration:none; } .nav-links a:hover{ color:#01aef0; }
以上代码是金山云页面css的一部分,其中包括了重置浏览器默认样式、页面body样式、导航栏样式、导航栏Logo样式、导航栏链接样式等几个部分。通过这些样式的设置,金山云页面展现出了流畅、简洁、美观的效果,给广大用户提供了优良的浏览体验。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 金山云页面css
本文地址: https://pptw.com/jishu/397643.html