ホームページ >ウェブフロントエンド >htmlチュートリアル >この丸い長方形を掘り出すのを手伝ってくれませんか_html/css_WEB-ITnose

この丸い長方形を掘り出すのを手伝ってくれませんか_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:10:061084ブラウズ

私は CSS にあまり詳しくありませんが、この Web サイトの角丸長方形を自分の Web サイトで使用したいので、助けを求めるしかありません

下の影付きのブロックです。マウスが動きます 上に行くほど影が太くなります
角丸長方形に必要なCSSを取得して、自分のWebサイトで使用したいのですが、皆さんありがとうございます。

http://www.tuita.com/#%E5%85%A8%E9%83%A8


ディスカッションへの返信(解決策)

http://aliceui.com/1px-round-コーナー/

上の階のものは突起がなく、角が十分に丸くなく、効果には程遠いです

角の丸みが見えず、互換性がないようです。

これは Firefox の css3 ボックス シャドウの実装です。現時点では、css3 が完成していないため、これは一時的なものであり、多くのブラウザーはまだサポートしていません。

 body{ background-color:#EAEAEA;} div{   -moz-border-radius: 5px 5px 5px 5px;    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);   width:400px;     background-color:#fff; padding:8px;    } 

この丸い角は IE とは互換性がありません。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。