コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > hyperlink_html/css_WEB-ITnose の幅と高さを設定する方法

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

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

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



関連ラベル：
幅 設定 ハイパーリンク 高い
前の記事：Codeforces ラウンド #268 (ディビジョン 2)_html/css_WEB-ITnose 次の記事：焼きたて！ 9つの超高解像度iPhone 6プロトタイプ素材パッケージ download_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート