Rumah  >  Artikel  >  hujung hadapan web  >  Meletakkan elemen HTML menggunakan CSS

Meletakkan elemen HTML menggunakan CSS

WBOY
WBOYke hadapan
2023-09-09 21:01:02564semak imbas

使用 CSS 定位 HTML 元素

CSS membantu anda meletakkan elemen HTML. Anda boleh meletakkan sebarang elemen HTML di mana-mana sahaja yang anda suka. Anda boleh menentukan sama ada sesuatu elemen diposisikan secara relatif kepada kedudukan semula jadinya pada halaman atau diletakkan secara mutlak berdasarkan elemen induknya.

Contoh

Mari kita lihat contoh kedudukan relatif -

 <html>
    <head>
    </head>
    <body>
       <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;">
          This div has relative positioning.
       </div>
    </body>
</html>

Atas ialah kandungan terperinci Meletakkan elemen HTML menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam