Rumah  >  Artikel  >  hujung hadapan web  >  求解DIV如何实现长横线?及其他_html/css_WEB-ITnose

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

WBOY
WBOYasal
2016-06-24 11:50:061468semak imbas

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn