Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSで境界線の幅を設定する

border-width プロパティを使用すると、要素の境界線の幅を設定できます。このプロパティの値は、px、pt、cmのいずれかの長さであるか、 thin、mediumに設定する必要があります。 または厚い 。

例

次のコードを実行して、CSSで境界線の幅を設定してみてください。

<html>
   <head>
   </head>
   <body>
      <p style = "border-width:4px; border-style:solid;">
         David Beckham is a legend.
      </p>
      <p style = "border-width:4pt; border-style:dashed;">
         Sachin Tendulkar is a legend.
      </p>
   </body>
</html>

  1. CSSを使用してナビゲーションバーの周囲に境界線を設定します

    ナビゲーションバーの周囲に境界線を追加するには、境界線をに設定します ul {    border: 2px solid blue; } 例 次のコードを実行して境界線を設定してみてください <!DOCTYPE html> <html>    <head>       <style>          ul {             list-style-type:

  2. CSSでボタンの幅を設定する

    ボタンの幅を設定するには、CSSのwidthプロパティを使用します。 例 次のコードを実行して、ボタンの幅を設定してみてください- <!DOCTYPE html> <html>    <head>       <style>          .btn {             background-color: yellow;