![見出し画像](https://assets.st-note.com/production/uploads/images/138824840/rectangle_large_type_2_397ca30aaf4b190c24443e3a2007cf21.png?width=1200)
【Notion】 区切り線を装飾する
![](https://assets.st-note.com/img/1713849735415-CtwrGN6yLq.png?width=1200)
つ ぶ あ んさんの投稿を見て「おしゃれ!可愛い!」と思い真似しようとしたのですが、区切り線ってどうするの?と思って探したのでメモとして残します。
Notionの新しいイラストと配色好きすぎて、ホーム画面もようがえしたから見て~(˘ω˘)… pic.twitter.com/GyZ3OEpmaN
— つ ぶ あ ん (@tsubuan_sun) April 20, 2024
方法
実際の方法は、Notion Japanさん公式Xで投稿されていました。
インライン数式で、区切り線を簡単にカスタマイズすることができます📏
— Notion Japan 🇯🇵 (@NotionJP) May 14, 2023
1. インライン数式のブロックを呼び出す
2. \color{# Hex}\rule{〇px}{〇px}を入力
3. 線の横幅・縦幅とカラーを自由に調整
これでよりユニークなページデザインを実現できます ✅ pic.twitter.com/lZH0sNKZHc
\color{ColorCode}\rule{横幅px}{縦幅px}
横幅・縦幅に使用できる単位は以下のページで参照できます。
画面サイズに合わせてレスポンシブに変更できる方法が見つからなかったので、ご存じの方いましたら、ぜひ教えていただきたいです🙇♂️
カラーコードは以下のサイトを参考にしています。
この記事が気に入ったらサポートをしてみませんか?