3

CSS でのボタンの装飾に問題があります。

CSS ファイルのコードは次のとおりです。

button
{

   font-family: Tahoma;
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bolder;
   width: 180px;
   height: 50px;
   border:1px solid black inherit;
   background-repeat: no-repeat;
   margin: 0 10px;
   position: relative;
   background: url(C:/w3schools_demo/willpower/Images/button1.PNG);
}

ページを読み込んだ後、次のように表示されます。 - 黒い境界線とアップロードされた画像のボタン (必要に応じて) が、画像と黒い境界線の間に白い線があります。スクリーンショットを見てください。その行を修正/削除する方法は?

よろしく！

ここに画像の説明を入力

4

7 に答える 7

0

変化する

border:1px solid black inherit;

に

border:1px solid black;

プロパティinheritからキーワードを削除border

于 2012-11-13T05:32:49.457 に答える
0

Web ページを設計する際の問題は、ブラウザーがコードを解釈する方法が異なることです。開始時に私が通常行う 1 つの方法は、次の css を追加して、ブラウザーによって提供されるデフォルト設定を回避することです。

html,body,li,ul,img,form,h1,h2,h3,h4,h5,h6,hr{ margin:0px; padding:0px; }

あなたの場合、img要素またはbuttonpadding プロパティがない要素である可能性があります。また、画像が 180px / 50px よりも単純に小さい場合もあります。

それが役に立てば幸い！

于 2012-11-13T05:49:45.483 に答える
0

背景は、画像ではなく、色を変えて白い枠が出るかどうかを確認してください。 - 回答: ネイビー色で試してみましたが、白い線が消えました。

ここに画像の説明を入力

于 2012-11-13T05:52:10.717 に答える