.. Çà-³ôÀÌ {
¿À¹öÇ÷Î: ¼û°ÜÁø;
}
.. Çà-Ç׸ñ-Æ÷Àå {
³Êºñ: 32%;
³ôÀÌ: 400px;
Ç÷ÎÆ®: ¿ÞÂÊ;
»óÀÚ Å©±â: Å׵θ® »óÀÚ! Áß¿ä
Æеù: 5px 5px 5px 0;
¿©¹é-ÇÏ´Ü: 10px;
}
.. Çà-Ç׸ñ
³Êºñ: 100%;
³ôÀÌ: 100%;
À§Ä¡: »ó´ë;
}
.. Çà-³ôÀÌ-Ç׸ñ
³Êºñ: calc(100% - 20px);
³ôÀÌ: 100%;
Box-shadow: 6px 7px 30px -5px rgb(211,213,212);
}
.. Row-img-Ç׸ñ {
³ôÀÌ: calc(100% - 60px);
}
.. Çà-°¡°Ý
³ôÀÌ: 60px;
Æеù: 15px 12px;
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
±Û²Ã Å©±â: 16px;
}
.. Çà-°¡°Ý> div {
¸¶Áø: 10px 5px 0 5px;
±Û²Ã Å©±â: 16px;
}
.. Çà-±¸¸Å-Áö±Ý {
À§Ä¡: Àý´ë;
¿À¸¥ÂÊ: 5px;
¹Ù´Ú: -20px;
³Êºñ: 60%;
¹è°æ: rgb(254, 74, 46),
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
ÅؽºÆ® Á¤·Ä: ¿À¸¥ÂÊ;
}
.. ±¸¸Å-Áö±Ý-Æ÷Àå {
µð½ºÇ÷¹ÀÌ: ÀζóÀÎ ºí·Ï;
³ôÀÌ: 32px;
¶óÀÎ ³ôÀÌ: 32px;
Æеù: 20px 10px;
}
@ ¹Ìµð¾î È¸é ¹× (ÃÖ´ë Æø: 414px){
Html, º»Ã¼
³Êºñ: 100%
}
.. Çà-Ç׸ñ-Æ÷Àå {
³Êºñ: 50%;
³ôÀÌ: 300px;
}
.. Çà-°¡°Ý> div {
±Û²Ã Å©±â: 12px;
}
.. Çà-±¸¸Å-Áö±Ý {
Æеù: 5px 0;
À§Ä¡: Àý´ë;
¿À¸¥ÂÊ: 5px;
¹Ù´Ú:-10px;
}
.. ±¸¸Å-Áö±Ý-Æ÷Àå {
»óÀÚ Å©±â: Å׵θ® »óÀÚ;
Æеù: 3px 10px;
}
.. ±¸¸Å-Áö±Ý {
³Êºñ: 100%;
³ôÀÌ: 100%;
}
}
±â´É:
¾ÆÁÖ »õ·Î¿î °íÇ°Áú. ÃÖ°íÀÇ ¼±¹°. ¹èÅ͸®°¡ ÇÊ¿äÇÏÁö ¾Ê½À´Ï´Ù.
±×°ÍÀº ÇÞºû ¶Ç´Â ´Ù¸¥ ºû ¾Æ·¡¿¡¼ ÀÚµ¿À¸·Î Èçµé¸± °ÍÀÔ´Ï´Ù. ¹«µ¶¼º, ȯ°æ º¸È£.
ÀçÁú: ABS Çöó½ºÆ½, žç ÀüÁö ÆгÎ
ÀÀ¿ë ÇÁ·Î±×·¥: ¾ÆÀÌ Àå³°¨, °¡Á¤ Àå½Ä.
Å©±â: 10.0 cm * 7.0 cm * 10.0 cm
ÆÐÅ°Áö Æ÷ÇÔ:
¼Ö¶ó ´í½Ì ÇÏ¿ÍÀÌ °É 1 °³
<Br/>. Çà ³ôÀÌ {<br /> ¿À¹öÇ÷Î: ¼û±è;<br />}< br />. Çà-Ç°¸ñ-Æ÷Àå {<br /> Æø: 32%;<br /> ³ôÀÌ: 400px;<br /> Ç÷ÎÆ®: ¿ÞÂÊ;<br /> »óÀÚ Å©±â: Å׵θ® »óÀÚ! Áß¿ä;<br /> Æеù: 5px 5px 5px 0;<br /> ¿©¹é-¹Ù´Ú: 10px;<br />}< br />. Çà-Ç׸ñ {<br /> ³Êºñ: 100%;<br /> ³ôÀÌ: 100%;<br /> À§Ä¡: »ó´ë;<br />}< br />. Çà ³ôÀÌ-Ç׸ñ {<br /> ³Êºñ: calc(100% - 20px);<br /> ³ôÀÌ: 100%;<br /> »óÀÚ-±×¸²ÀÚ: 6px 7px 30px -5px rgb(211,213,212);<br />}< br />.row-img-item {<br /> ³ôÀÌ: calc(100% - 60px);<br />}< br />. Çà °¡°Ý: <br /> ³ôÀÌ: 60px;<br /> Æеù: 15px 12px;<br /> »óÀÚ Å©±â: Å׵θ® »óÀÚ;<br /> ±Û²Ã Å©±â: 16px;<br />}< br />. Çà °¡°Ý> div{<br /> ¸¶Áø: 10px 5px 0 5px;<br /> ±Û²Ã Å©±â: 16px;<br />}< br />. Çà-±¸¸Å-Áö±Ý {<br /> À§Ä¡: Àý´ë;<br /> ¿À¸¥ÂÊ: 5px;<br /> ¹Ù´Ú: -20px;<br /> ³Êºñ: 60%;<br /> ¹è°æ: rgb(254, 74, 46);<br /> »óÀÚ Å©±â: Å׵θ® »óÀÚ;<br /> ÅؽºÆ® Á¤·Ä: ¿À¸¥ÂÊ;<br />}< br />. ±¸¸Å-Áö±Ý Æ÷Àå {<br /> µð½ºÇ÷¹ÀÌ: ÀζóÀÎ ºí·Ï;<br /> ³ôÀÌ: 32px;<br /> ¶óÀÎ ³ôÀÌ: 32px;<br /> Æеù: 20px 10px;<br />}< br />@ ¹Ìµð¾î È¸é ¹× (ÃÖ´ë ³Êºñ: 414px){<br />html, º»Ã¼ {<br /> ³Êºñ: 100%<br />}< br />. Çà-Ç׸ñ-Æ÷Àå {<br /> ³Êºñ: 50%;<br /> ³ôÀÌ: 300px;<br />}< br />. Çà °¡°Ý> div{<br /> ±Û²Ã Å©±â: 12px;<br />}< br />. Çà-±¸¸Å-Áö±Ý {<br /> Æеù: 5px 0;<br /> À§Ä¡: Àý´ë;<br /> ¿À¸¥ÂÊ: 5px;<br /> ÇÏ´Ü:-10px;<br />}< br />. ±¸¸Å-Áö±Ý-Æ÷Àå {<br /> »óÀÚ Å©±â: Å׵θ® »óÀÚ;<br /> Æеù: 3px 10px;<br />}< br />. ±¸¸Å-Áö±Ý {<br /> ³Êºñ: 100%;<br /> ³ôÀÌ: 100%;<br />}< br />}