streamlit中使用css样式

在Streamlit中，你可以通过CSS来美化你的应用程序界面。虽然Streamlit本身提供了一定程度的样式控制，但如果你想添加更复杂的自定义CSS，可以按照以下步骤操作：

1. **导入外部CSS**:
将你的CSS文件放在项目的`static`目录下，然后使用`st.markdown`或`st.beta_container`等函数引入，例如:

   st.markdown(
       f'<style>{open("path/to/your/custom.css").read()}</style>',
       unsafe_allow_html=True,
   )

这里`unsafe_allow_html=True`允许HTML标签插入。

2. **内联样式**:
直接在HTML组件上应用CSS，例如：

   html = """
   <div style="background-color: lightblue; color: white;">
     Hello, World!
   </div>
   """
   st.markdown(html, unsafe_allow_html=True)

3. **选择器覆盖**:
如果需要覆盖Streamlit默认样式，可以在`.streamlit`类前添加自定义的选择器，如`.my-custom-class`。

4. **使用CSS模块**:
另一种方法是利用外部CSS模块库，比如`styled-components`，但在Streamlit中需要额外配置。

记得在实际使用时谨慎处理CSS，因为过多或过于复杂可能会导致性能下降，特别是对于大型应用。