ホームページ > 記事 > ウェブフロントエンド > DIVで長い横線を実現するにはどうすればよいですか?その他_html/css_WEB-ITnose
DIVで長い横線を実現するにはどうすればよいですか?その他_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:50:061468ブラウズ
質問 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 までご連絡ください。