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

CSSで弾丸スタイルの画像を設定する

list-style-image 独自の弾丸スタイルを使用できるように画像を指定できます。

例

次のコードを実行して、CSSで弾丸の画像を設定してみてください

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-image: url(/images/bullet.gif);">
         <li>Football</li>
         <li>Cricket</li>
      </ul>
   </body>
</html>

  1. CSSでページ付けのスタイルを設定する

    次のコードを実行して、CSSでページ付けのスタイルを設定できます 例 <!DOCTYPE html> <html>    <head>       <style>          .demo {             display: inline-block;          }        

  2. CSSで画像にボタンを設定

    次のコードを実行して、画像にボタンを設定してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;             width: 100%;