Как добавить иконку в кнопку html? - PullRequest
Новая
       65

Как добавить иконку в кнопку html?

0 голосов
/ 07 августа 2020

привет, мне нужно добавить значок воспроизведения на мою кнопку, прежде чем смотреть демо-кнопку, как на этом изображении, и промежуток между контактами и демо-кнопкой. Значок и индекс. html находятся в одной папке, спасибо. enter image description here

here is my result

image 

<div class="line">
                      <div class="s-10 m-10 l-3 center">
                        <a class="button button-white-stroke s-6" style="background-color:red;" href="/">+CONTACT US</a>
                        
                        <a class="button button-white-stroke s-6" style="background-color:black;" href="/">WATCH DEMO</a>
                        
 </div>

1 Ответ

1 голос
/ 07 августа 2020

Вы можете использовать font-awesome. Обратитесь к this для получения дополнительной информации.

Например, ваш код будет следующим: 

  <!DOCTYPE html>
<html>
<head>
<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
 <div class="line">
   <div class="s-10 m-10 l-3 center">
   <a class="button button-white-stroke s-6" style="background-color:red;"  href="/">+CONTACT US</a>
 <a class="button button-white-stroke s-6" style="margin-right:20px;background-color:black;" href="/"> <i class="fa fa-youtube-play"></i>WATCH DEMO</a>                        
     </div>  

</body>
</html>

Добавлено <i class="fa fa-youtube-play">

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...