如何將CSS應用於iframe？
- WBOY轉載
- 2023-08-27 09:53:021158瀏覽
使用 HTML 標籤
我們可以輕鬆地將 CSS 應用於 iframe，但讓我們先看看
src - 此屬性用於給出應在框架中載入的檔案名稱。它的值可以是任何 URL。
name - 此屬性允許您為框架指定名稱。它用於指示文檔應該載入到哪個框架。
marginheight - 此屬性可讓您指定框架邊框及其內容的頂部和底部之間的空間高度。該值以像素為單位給出。
height - 此屬性指定
scrolling - 此屬性控制框架上出現的捲軸的外觀。該值可以是“yes”、“no”或“auto”。
longdesc - 此屬性允許您提供指向另一個頁面的鏈接，其中包含框架內容的詳細描述。
width - 此屬性指定
現在讓我們將 CSS 應用到 iframe。
將內嵌 CSS 應用到 iframe
style屬性用於設定內聯css。我們設定了邊框、寬度和高度 -
<iframe style="border: 2px solid gray; width: 500px; height: 400px;" src="https://www.tutorialspoint.com/market/index.asp" id="Ebooks">
範例
讓我們看一下例子 -
<!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>
將內部 CSS 應用到 iframe
style標籤用來設定iframe的內部css。我們已將 iFrame 樣式設定為新的邊框、寬度和高度 -
iframe {
border: 3px solid green;
width: 500px;
height: 400px;
}
範例
讓我們來看一個例子 -
<!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>
以上是如何將CSS應用於iframe？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除