Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.morph-data.io/llms.txt

Use this file to discover all available pages before exploring further.

Morphでは、MDXのスタイリングにTailwind CSSを使用することができます。Tailwind CSSは、HTMLのクラス属性を使ってスタイルを適用するCSSフレームワークです。Tailwind CSSを使うことで、CSSを直接記述することなく、簡単にスタイリングを行うことができます。

Tailwind CSS

公式ドキュメント

​
記述例

MDXファイル内で、HTML要素にTailwind CSSのクラスを適用することができます。以下の例では、<div>要素にbg-blue-500とtext-whiteのクラスを適用しています。 
<div className="bg-blue-500 text-white p-4">
  <h1>スタイリング</h1>
  <p>このページは、Tailwind CSSを使ったスタイリングの記述例です。</p>
</div>