Вы можете создать подчеркивание, которое охватит только часть текста, используя HTML с CSS. Ниже приведен один из способов сделать это:
### Использование тега `<span>` с CSS:
Создайте внутри текстового блока элемент `<span>`, для которого вы хотите добавить подчеркивание, и задайте ему стиль с использованием CSS.
Пример использования тега `<span>`:
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Частичное подчеркивание</title>
<style>
/* Общий стиль для текста */
.text {
font-size: 24px;
font-weight: bold;
}
/* Стиль для подчеркивания */
.underline-partial {
border-bottom: 2px solid #000; /* настроить цвет и толщину линии */
padding-bottom: 5px; /* настроить расстояние от текста до линии */
}
</style>
</head>
<body>
<p class="text">
Это <span class="underline-partial">частично</span> подчеркнутый текст.
</p>
</body>
</html>
```
В этом примере текст "частично" будет подчеркнут. Вы можете настроить свойства `border-bottom` и `padding-bottom` по своему вкусу для изменения толщины и положения подчеркивания.
### Использование псевдоэлементов:
Вы также можете использовать псевдоэлементы CSS, такие как `::before` или `::after`, чтобы создать линии под текстом.
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Частичное подчеркивание с помощью псевдоэлемента</title>
<style>
.underline-partial::after {
content: '';
display: block;
margin-top: -5px; /* Подобрать нужное расстояние */
width: 50%; /* Процент ширины подчеркивания относительно текста */
height: 2px; /* Высота подчеркивания */
background: black; /* Цвет подчеркивания */
}
</style>
</head>
<body>
<p>Это <span class="underline-partial">частично</span> подчеркнутый текст.</p>
</body>
</html>
```
В этом примере будет создана черная линия под текстом внутри элемента `<span>`, чья ширина составляет 50% от ширины содержимого элемента `span`. Изменяя процентное значение в свойстве `width`, вы можете контролировать, какая часть текста будет подчеркнута.
