# How to create a colored box in Julia Pluto, like in the picture

**URL:** <https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203>\
**Category:** Pluto\
**Tags:** question\
**Created:** [June 1, 2021, 3:57pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203 "2021-06-01T15:57:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Izzani\_Nizam](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/izzani_nizam/32/25709_2.png) [@Izzani\_Nizam](https://discourse.julialang.org/u/Izzani_Nizam)\
**Post date:** [June 1, 2021, 3:57pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203/1 "2021-06-01T15:57:59Z")

</div>

![Screenshot 2021-06-01 at 17.51.14](https://global.discourse-cdn.com/julialang/original/3X/8/0/80c61ce1c61a82b515d8311697f12bbc0c53c02e.png)

---

<div class="post-metadata">

**Author:** ![lungben](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lungben/32/12314_2.png) [@lungben](https://discourse.julialang.org/u/lungben)\
**Post date:** [June 1, 2021, 4:33pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203/2 "2021-06-01T16:33:23Z")

</div>

You can check the notebooks here for examples: [Introduction to Computational Thinking](https://computationalthinking.mit.edu/Spring21/hw0/)  
If you download them, you can see the source code in Pluto.

---

<div class="post-metadata">

**Author:** ![Izzani\_Nizam](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/izzani_nizam/32/25709_2.png) [@Izzani\_Nizam](https://discourse.julialang.org/u/Izzani_Nizam)\
**Post date:** [June 1, 2021, 7:40pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203/3 "2021-06-01T19:40:27Z")

</div>

I tried to copy the source code from Pluto (computational thinking) but it doesn’t work.

---

<div class="post-metadata">

**Author:** ![lungben](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lungben/32/12314_2.png) [@lungben](https://discourse.julialang.org/u/lungben)\
**Post date:** [June 1, 2021, 7:55pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203/4 "2021-06-01T19:55:57Z")

</div>

You have to write e.g. the following into a Pluto cell:

```julia
md"""
!!! warning "This is a warning"
    my warning message
"""

```

Other supported box types are `!!! correct`, `!!! danger` and `!!! hint`.

---

<div class="post-metadata">

**Author:** ![Izzani\_Nizam](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/izzani_nizam/32/25709_2.png) [@Izzani\_Nizam](https://discourse.julialang.org/u/Izzani_Nizam)\
**Post date:** [June 14, 2021, 10:02pm UTC](https://discourse.julialang.org/t/how-to-create-a-colored-box-in-julia-pluto-like-in-the-picture/62203/5 "2021-06-14T22:02:32Z")

</div>

thank you so much!!