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

CSSを使用してすべての背景画像のプロパティを1つのセクションに設定します

CSS背景プロパティは、すべての背景画像プロパティを1つのセクションに設定するために使用されます。

例

次のコードを実行して、backgroundプロパティを実装してみてください。

<html>
   <head>
      <style>
         #demo {
            background: lightblue url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg") no-repeat fixed top;
         }
      </style>

   </head>
   <body>

      <div id="demo">
         <h1>www.tutorialspoint.com</h1>
         <p>Tutorials Point originated from the idea that there exists a
            class of readers who respond better to online content and prefer
            to learn new skills at their own pace from the comforts of their
            drawing rooms. The journey commenced with a single tutorial on
            HTML in 2006 and elated by the response it generated, we worked our
            way to adding fresh tutorials to our repository which now proudly
            flaunts a wealth of tutorials and allied articles on topics ranging
            from programming languages to web designing to academics and much more..
         </p>
      </div>

   </body>
</html>

  1. CSSを使用してすべてのborder-radiusプロパティを設定します

    border-radiusを使用します 4つのborder-radiusプロパティすべてを設定するプロパティ。次のコードを実行して、border-radiusプロパティを実装してみてください。 例 <html>    <head>       <style>          #rcorner {             border-radius: 25px;      

  2. CSSを使用して背景画像として放射状グラデーションを設定します

    Radial-gradient（）CSS関数を使用して、背景画像として放射状グラデーションを設定します。次のコードを実行して、CSSでlinear-gradient（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;