๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
CSS๐Ÿ”ง/css font+text ๊ด€๋ จ

css text ์™ธ๊ณฝ์„ 

by hyojinny 2022. 9. 15.

css์— ์™ธ๊ณฝ์„ ๊ธฐ๋Šฅ์€ ์—†์œผ๋ฏ€๋กœ ๊ธ€์ž ๊ทธ๋ฆผ์ž ์œ„์น˜๋ฅผ ์‚ฌ๋ฐฉ์— ์ ์šฉํ•œ๋‹ค.

(ํฌํ† ์ƒต์œผ๋กœ ์น˜๋ฉด stroke๊ธฐ๋Šฅ)

    css์— ์™ธ๊ณฝ์„ ๊ธฐ๋Šฅ์€ ์—†์œผ๋ฏ€๋กœ ๊ธ€์ž ๊ทธ๋ฆผ์ž ์œ„์น˜๋ฅผ ์‚ฌ๋ฐฉ์— ์ ์šฉ
    text-shadow:
    /* ์œ„ */
    0px -1px 0px #000,
    /* ์•„๋ž˜ */
    0px 1px 0px #000,
    /* ์™ผ */
    -1px 0px 0px #000,
    /* ์˜ค๋ฅธ */
    1px 0px 0px #000;
}

    .main_visual h2 {
    text-shadow: 0px -1px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000; }

 

๋Œ“๊ธ€