HTML小笑臉圖標(biāo)代碼
<!DOCTYPE html> <html> <head> <title>HTML小笑臉圖標(biāo)</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入font-awesome庫 --> <link rel="stylesheet" integrity="sha384-50oBUHEmvpQ+86rDHOW0m7UwOgK/ZwF5BG5KN5MYYojjMmzlpv0KGOaJ8NQSlgP0" crossorigin="anonymous"> </head> <body> <i class="far fa-smile"></i> </body> </html>
解釋:
1. 首先我們需要在head標(biāo)簽里引入font-awesome庫,這個(gè)庫提供了很多圖標(biāo),其中就包含小笑臉圖標(biāo)。
2. 在body標(biāo)簽里使用i標(biāo)簽,設(shè)置class為far fa-smile,這里far表示空心,fa-smile表示笑臉。
這樣就可以在頁面上顯示一個(gè)小笑臉圖標(biāo)了。