ホームページ  >  記事  >  ウェブフロントエンド  >  この小さなアイコンをどうやって書くかという CSS の専門家はいますか? _html/css_WEB-ITnose

この小さなアイコンをどうやって書くかという CSS の専門家はいますか? _html/css_WEB-ITnose

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

写真に示すように、ピーマンの下に css3 の知識を使用する必要があります


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

写真ほどではありません

この写真は本当に

私です。中の言葉を変更する必要がある場合に備えて、CSSで書かなければなりません


写真ほど実用的ではありません

言葉が変更される場合に備えて、CSSで書かなければなりません内部を変更する必要があります
丸い角、背景のグラデーション、フローティング位置

中央部分だけですか、それとも作品全体ですか?

HTML 5 Canvas を使用して、x 軸、y 軸、色の追加を行うことができます

合計 3 つの div が表示されます
大きな緑
小さな薄緑
小さな白
テキスト 1 行

何も書き留めることさえできないこと
具体的に書き出せないことは何ですか?

ひどい!コードを書いて待っているときは、Photoshop を直接使用した方が早いし、多くの手間が省けると実際に感じています

後ろの大きな画像には背景画像を使用し、テキストを変更できるように単語を区切ります。いつでも

真ん中の部分だけですか、それとも全体ですか?

ブロック全体

合計 3 つの div を見ました

大きな緑
小さな薄緑
小さな白
1 行のテキスト

一つずつ書き出しました
具体的にどこに書いてはいけないのですか?
何か書きますか?

合計 3 div を見ました

大きな緑
小さな薄緑
小さな白
1 行のテキスト

一つずつ書き出しました
具体的にどこに書いてはいけないのですか?
何か書きますか?

その部分は書けないって言ってましたね

例えば、後ろの一番大きな緑のブロックは書けないんですか?

Block>


このような構造を使用すると、すべてのスタイルを 1 つずつ書いて確認できます。書けない場合は、画像を使用してください。この構造はページに統合されているため、構造上の競合がより多く発生します






合計 3 つの div を見る
大きな緑
小さな薄緑

小さな白

1 行のテキスト

1 つは何も書けない
正確には何が書けないの?

何か書きますか?

その部分は書けないって言ってましたね
例えば、後ろの一番大きな緑のブロックは書けないんですか?

<緑のブロック>
<ライトグリーンのブロック>


このような構造を使用すると、すべてに div を使用できます。スタイルを 1 つずつ書いて確認することができます書けない場合は画像を使用してください。この構造はページに統合されているため、さまざまなスタイルの競合により問題が発生します 画像を使用すると問題が少なくなります 面倒なので画像を直接使用します。書く

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