ホームページ >ウェブフロントエンド >htmlチュートリアル >DIVで長い横線を実現するにはどうすればよいですか?その他_html/css_WEB-ITnose

DIVで長い横線を実現するにはどうすればよいですか?その他_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:50:061526ブラウズ

質問 1. このコードで実装された長い水平線は、常に画面の左側と右側から離れています。 。 。スペースを空けずに書く方法を探しています
062f288a18e51c05104d47a766e0d065950c0e09a208ea6a6c67c615a801fbc6

質問 2. このコードは水平線の下に滑らかな影を書く必要があります f0a99b222091da3c7cb74e3b848f6390ディスカッション(解決策)へ

<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 までご連絡ください。