ホームページ >ウェブフロントエンド >htmlチュートリアル >div_html/css_WEB-ITnose の幅と高さを固定しました

div_html/css_WEB-ITnose の幅と高さを固定しました

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

列の幅または高さを修正します:
推奨: できる限りコードを手書きします。これにより、学習の効率と深さが効果的に向上します。
実際の使用では、ブロックに固定の幅または高さを設定する必要があることがよくあります。この使用法は比較的単純で基本的です。
まず、ドキュメント内にクラス名 mytest の div を作成し、インライン スタイル シートを使用して div の幅と高さを設定します。効果を見やすくするために、div の背景色の値は緑色に設定されています。完全なコードを以下に示します。

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.mytest {  background-color:green;  width:200px;  height:200px;}</style></head><body><div class="mytest"> </div></body></html>

上記のコードは、div の高さと幅をそれぞれ 200px に固定します。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=4772

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

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