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

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

WBOY
WBOYoriginal
2016-06-24 11:50:061468parcourir

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn