تنظیمات فونت آیکون

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام

من اگر بخوام در تگ لینک وقتی از آیکن استفاده میکنم و کنارش چیزی مینویسم تنظیمات سایزی خود آیکون با نوشته متفاوت باشه کجا باید اعمال کنم؟

<style>
        .test{
            font-size: 40px;
            background-color: rgb(220, 220, 228);
            padding: 10px;
        }
    </style>
</head>
<body>
    <i class="material-icons test">add_shopping_cart </i>
     <button><a href=""><i class="material-icons test" style="vertical-align: -9px;">face </i></a> face</button>
    <button>
        <i class="material-icons" style="vertical-align: -7px;" >add_shopping_cart  </i> shop
     </button>
</body>

شما می‌تونید برای هر تگ کلاس تعریف کنید و استایل مد نظرتون رو بهش اعمال کنید مثلا سایز فونت رو تغییر بدید

وحید صالحی ۰۸ فروردین ۱۴۰۰، ۱۴:۲۹