Home  >  Article  >  Web Front-end  >  求解DIV如何实现长横线?及其他_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:50:061468browse

问题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部分内容

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn