首页 >web前端 >html教程 >求解DIV如何实现长横线?及其他_html/css_WEB-ITnose

求解DIV如何实现长横线?及其他_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:50:061540浏览

问题1.此段代码所实现的长横线距屏幕左右两边始终有间距。。。求无间距写法



问题2.此段代码 求横线下有平滑阴影写法


回复讨论(解决方案)

<style>  *{margin:0px;padding:0px;}  div{border:none;box-shadow: 0 0 5px #888;border-bottom: 1px solid #ebebeb;width:100%;height:100px;background:#fff;-webkit-transform: translateZ(0);}</style><div></div>

#aa {	margin:15px -50px 0px -50px;	padding:0;	width:auto;	height:1px;	background-color:#191919;	overflow:hidden;	box-shadow:0px 1px 2px #373737;}

<div id="aa"></div>

阴影的css样式是box-shadow请自行参考w3school css3部分内容

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn