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

CSSでのbackground-attachmentプロパティの使用

background-attachmen tプロパティは、背景の画像のスクロールを制御するために使用されます。

例

次のコードを実行して、 background-attachmenの操作方法を学ぶことができます。 tプロパティ：

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url('/css/images/css.jpg');
            background-repeat: no-repeat;
            background-attachment: fixed;
         }
      </style>
   </head>
   <body>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
      <p>The background-image is fixed. Try to scroll down the page.</p>
   </body>
</html>

  1. CSSでのborder-right-styleプロパティの使用

    border-right-style プロパティは、右の境界線のスタイルを変更します。次のコードを実行して、 border-right-styleを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <p style = "border-width:4px;border-right-style:dashed;">     &nb

  2. CSSでのborder-left-widthプロパティの使用

    border-left-width プロパティは、左の境界線の幅を変更します。次のコードを実行して、 border-left-widthを実装してみてください。 プロパティ： 例 <html>    <head>    </head>    <body>       <p style = "border-left-width:6px;border-style:solid;">       &nb