Last active 10 months ago

此範例展示如何在 Streamlit 應用中嵌入 HTML、CSS 和 JavaScript,允許自訂 UI 元素、樣式和互動功能,使 Web 應用更具靈活性和可視化效果。

Revision 1aad8bcf269873a54b13d17805300deeb34ed158

gistfile1.txt Raw
1import streamlit as st
2
3st.title("嵌入 HTML 的範例")
4
5html_code = """
6<div style="border: 2px solid #4CAF50; padding: 10px; border-radius: 5px;">
7 <h2 style="color: #4CAF50;">這是一個 HTML 區塊</h2>
8 <p>你可以在這裡嵌入 HTML, CSS, 甚至 JavaScript。</p>
9 <button onclick="alert('Hello, Streamlit!')">點擊我</button>
10</div>
11"""
12
13st.components.v1.html(html_code, height=200)
14