Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menggunakan CSS pada iframe?
Bagaimana untuk menggunakan CSS pada iframe?
- WBOYke hadapan
- 2023-08-27 09:53:021175semak imbas
Gunakan teg HTML
Kita boleh menggunakan CSS dengan mudah pada iframe, tetapi mari kita lihat sifat
dahulusrc - Atribut ini digunakan untuk memberikan nama fail yang harus dimuatkan dalam bingkai. Nilainya boleh berupa mana-mana URL.
nama - Sifat ini membolehkan anda menentukan nama untuk bingkai. Ia digunakan untuk menunjukkan ke dalam bingkai mana dokumen itu harus dimuatkan.
marginheight - Sifat ini membolehkan anda menentukan ketinggian ruang antara bahagian atas dan bawah sempadan bingkai dan kandungannya. Nilai diberikan dalam piksel.
height - Hartanah ini menentukan ketinggian
menatal - Sifat ini mengawal penampilan bar skrol yang muncul pada bingkai. Nilai boleh menjadi "ya", "tidak", atau "auto".
longdesc - Atribut ini membolehkan anda memberikan pautan ke halaman lain yang mengandungi penerangan terperinci tentang kandungan bingkai.
lebar - Sifat ini menentukan lebar
Sekarang mari gunakan CSS pada iframe.
Gunakan CSS sebaris pada iframe
Atribut gaya digunakan untuk menetapkan css sebaris. Kami menetapkan sempadan, lebar dan tinggi -
<iframe style="border: 2px solid gray; width: 500px; height: 400px;" src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks">
Contoh
Mari kita lihat contoh -
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Courses</h1>
<iframe style="border: 2px solid gray;
width: 500px; height: 400px;" src="https://www.tutorialspoint.com/market/index.asp"
id="Ebooks">
</iframe>
</body>
</html>
Gunakan CSS dalaman pada iframe
Tagstyle digunakan untuk menetapkan css dalaman iframe. Kami telah menggayakan iFrame dengan jidar, lebar dan tinggi baharu -
iframe {
border: 3px solid green;
width: 500px;
height: 400px;
}
Contoh
Mari kita lihat contoh -
<!DOCTYPE html>
<html>
<head>
<style>
iframe {
border: 3px solid green;
width: 500px;
height: 400px;
}
</style>
</head>
<body>
<h1>Courses</h1>
<iframe src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks">
</iframe>
</body>
</html>
Atas ialah kandungan terperinci Bagaimana untuk menggunakan CSS pada iframe?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!