2017-02-08 10 views
-4

HTML/CSSのみを使用してdivの上端/下端を曲線にするにはどうすればよいですか?私はthis StackOverflowの質問を見ましたが、私は[email protected]'s websiteの湾曲した辺のようなものを探しています。曲線の底を持つdivを作成しますか?

+2

を好きなようにあなたは、形状を編集することができます問題とどのようなコードをあなたがwr ittenこれまで解決するために? – ZombieChowder

+0

これを達成するためにSVGを使用していますが、そのSVGをインライン化することができます。 –

+0

@ ZombieChowder - 私は初心者で、プレーンなCSSを使用して曲線のエッジを作成する方法がわかりません。私はこれがアルゴリズム上の問題ではないと思っています。StackOverflowで思考して投稿するのはあまりにも怠惰でした。実際にこれを達成する方法は実際には分かりません。 – gridproquo

答えて

-1

こんにちは、あなたは、これらのコード

div{ 
background-color:black; 
width:500px; 
height:50px; 
border-bottom-left-radius:50%; 
border-bottom-right-radius:50%; 
} 

Demo

div{ 
background-color: black; 
width: 500px; 
height: 200px; 
border-radius: 0 0 50% 50%/15%; 
} 

Demo

のいずれかを試すことができますし、どのようにアプローチしてい

関連する問題