ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 四角形をround_html/css_WEB-ITnoseに変更しました

CSS 四角形をround_html/css_WEB-ITnoseに変更しました

WBOY
リリース: 2016-06-21 09:41:30
オリジナル
1298 人が閲覧しました

この投稿は interhker によって最終編集されました: 2013-02-25 07:03:33

四角いボタンを丸いボタンに変更したいと思います


ダウンロード

最近、会社には人員が足りず、Web 以外の親切な友達、修正方法を教えてください。
ありがとうございます

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

css3 を丸い形に変更できるはずです

border-radius:1px;

Index.html 37 38 行で現在の状態とそれぞれ通常の状態。まず 2 つの画像を切り取ってから、元の単色の背景属性を変更して、画像を使用して定義することができます。両側を変更します。十分。

1. border-radius CSS3 の角丸。ただし、IE9 と Google Firefox などの最新のブラウザのみをサポートします。
2. border-radius 属性をサポートしていないブラウザでは、代わりに画像を使用できます。

index.html 37 行目と 38 行目は、それぞれ現在の状態と通常の状態を制御します。まず 2 つの画像を切り取ってから、元の単色の背景属性を変更して、画像を使用して定義することができます。両側を変更します。十分。

上の階の人が、border-radius を使用できると言いました

しかし、追加しても機能しませんでした

P.S 私はアーティストになる方法を知らないので、使用するつもりでした。それを解決するにはコーディングが必要ですが、あなたが言及した方法しかないようです。この方法の方が優れており、すべてのブラウザでサポートされています。


border-radius これは役に立たないものではありません。CSS3 の角が丸くなっているため、ブラウザのサポートがあまり高くなく、一部のブラウザにしか対応していません。 「アーティスト」とは何ですか? Baidu にアクセスして円形の画像を検索し、必要なサイズに拡大縮小して保存します。これは役に立ちません。 CSS3 の角が丸い。ブラウザのサポートはあまり高くありません。一部のブラウザにのみ対応しています。 「アーティスト」とは何ですか? Baidu にアクセスして円形の画像を検索し、必要なサイズに拡大して保存してください

完了です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート