ホームページ > ウェブフロントエンド > htmlチュートリアル > hyperlink_html/css_WEB-ITnose の幅と高さを設定する方法

hyperlink_html/css_WEB-ITnose の幅と高さを設定する方法

WBOY
リリース: 2016-06-24 11:57:23
オリジナル
1695 人が閲覧しました

1、利用表示:ブロックプロパティ

   1: <!DOCTYPE html>
ログイン後にコピー
ログイン後にコピー
   2: <html>
ログイン後にコピー
ログイン後にコピー
   3: <head>
ログイン後にコピー
ログイン後にコピー
   4: <meta charset="utf-8" />
ログイン後にコピー
ログイン後にコピー
   5: <title>a设置宽度和高度</title>
ログイン後にコピー
ログイン後にコピー
   6: <style>
ログイン後にコピー
ログイン後にコピー
   7: .abc a{
ログイン後にコピー
ログイン後にコピー
   8:     display:block;
ログイン後にコピー
   9:     width:130px;
ログイン後にコピー
  10:     height:30px;
ログイン後にコピー
  11:     border:1px solid #000
ログイン後にコピー
ログイン後にコピー
  12: }
ログイン後にコピー
ログイン後にコピー
  13: </style>
ログイン後にコピー
ログイン後にコピー
  14: </head>
ログイン後にコピー
rree

效果:

2、float:left プロパティ

RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE 3、对a设置パディング

  15: <body>
ログイン後にコピー
  16:     <div class="abc">
ログイン後にコピー
  17:         <a href="#">宽度130,高30</a>
ログイン後にコピー
  18:     </div>
ログイン後にコピー
  19: </body>
ログイン後にコピー
  20: </html>
ログイン後にコピー
   1: <!DOCTYPE html>
ログイン後にコピー
ログイン後にコピー
   2: <html>
ログイン後にコピー
ログイン後にコピー
   3: <head>
ログイン後にコピー
ログイン後にコピー
   4: <meta charset="utf-8" />
ログイン後にコピー
ログイン後にコピー
   5: <title>a设置宽度和高度</title>
ログイン後にコピー
ログイン後にコピー
   6: <style>
ログイン後にコピー
ログイン後にコピー
   7: .abc a{
ログイン後にコピー
ログイン後にコピー
   8:     float:left;
ログイン後にコピー
   9:     width:150px;
ログイン後にコピー
  10:     height:50px;
ログイン後にコピー
  11:     border:1px solid #000
ログイン後にコピー
ログイン後にコピー
  12: }
ログイン後にコピー
ログイン後にコピー
  13: </style>
ログイン後にコピー
ログイン後にコピー

效果:

来源:http://www.ido321.com/741.html



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