Блог

Главная - Вопросы по программированию - Как сделать содержимое CSS курсивным и полужирным?

Как сделать содержимое CSS курсивным и полужирным?

#css

Вопрос:

Итак, я хочу сделать класс содержимого CSS курсивным и полужирным. Вот мой код.

 div::before {
     content: "text";
     color:black;
} 
 <div></div>

Я хочу сделать это ТОЛЬКО с помощью CSS, без HTML.
Причина этого в том, что я создаю тему Discord, которая возможна только с помощью CSS, без пользовательского HTML.

Ответ №1:

Вы можете добавлять font-weight и font-style свойства к ::before себе.

 div::before {
     content: "text";
     color:black;
     font-weight: bold;
     font-style: italic;
} 
 <div></div>

Ответ №2:

Вы можете сделать контент курсивным, используя стиль шрифта, и полужирным, используя вес шрифта

 div {
  font-weight: bold;
  font-style: italic;
}

Ответ №3:

  1. Сначала добавьте немного текста в div, потому что это позволит вам получить разницу, а затем примените свойство стиля шрифта: (обычный или курсив).

    язык: html

До того, как >

После > Курсивный текст

  language: css

div::before {
     content: "text";
     color:black;
     font-style : italic;
}

Комментарии:

1. я буквально сказал, что не буду использовать html, это уже решено

Ответ №4:

 <!DOCTYPE html>
<html>
<head>
<title>Css Content Italic And Bold</title>
<style>
div::before {
     content: "text";
     color:black;
     font-weight: bold;
     font-style: italic;
}
</style>
</head>
<body>

<div></div>

</body>
</html>
Метки: