..


スポンサーリンク

ミニマリストと魅力的なテキストエリア

マックスボッシによって書かれた記事
ページ1の2

Web 2.0はコンテンツ制作におけるユーザーの参加によって特徴づけられる。 このことを念頭に置いて、HTMLタグの中で最も重要な要素の一つは、 テキスト領域です

通常、フォーム内に収まるこのタグを、使用して、ユーザーが意見を投稿できる、質問をし、テキスト領域にコンテンツタイプを公開。

テキストエリアのデフォルトの外観は(それがどんなスクロールバーlaterleと白の四角形です)特に快適ではないが、我々が知っているように、CSSのおかげで、あなたは本当に素敵なデザインの解決策を見出す根本的にこの面に作用することができます。

私はこの短い記事で、今日提示しています解決策は、テキストエリアに、単純なバックグラウンドのアプリケーションによって強化されたミニマルな外観を提供します。 我々の例では、灰色のビーズのシンプルな白でテキストエリア内で右下にある当社のロゴのイメージとして単語を使用します。

背景

我々が達成したい効果はこれです:

最終的な効果

それをさらに魅力的にrislutatoにするために最終的な効果も非常に簡単(JavaScriptを使用して)テキストエリアの実際の使用時のデフォルトのテキストと背景の消失につながることが適用されます。 しかしみましょう度は、まず、CSSのコードを見てみましょう...

同じカテゴリの...
E -ラーニング
CSS(コース) CSS(コース)
W3C CSSやXHTMLに応じてWebデザインとアクセシビリティ。 29€から開始。
HTML(コース) HTML(コース)
29€からWeb用のマークアップ言語。
ウェブマスター上級(コース) ウェブマスター上級(コース)
プロのウェブマスターになる。 39€から。
スポンサーリンク