Icône de la Fondation
Résultats de traduction:
Foundation est utilisé pour développer des frameworks HTML, CSS et JavaScript réactifs.
Foundation est un framework facile à utiliser, puissant et flexible pour créer des applications Web sur n'importe quel appareil.
Foundation est un framework mobile first populaire.
Icône de la Fondationsyntaxe
Instructions : Foundation fournit 283 icônes et vous pouvez utiliser CSS pour définir la taille de son style. Les icônes peuvent être utilisées pour le texte, les boutons, les barres d'outils, les barres de navigation, les formulaires, etc.
Icône de la Fondationexemple
<!DOCTYPE html> <html> <head> <title>Foundation 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css"> <link rel="stylesheet" href="http://static.runoob.com/assets/foundation-icons/foundation-icons.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script> </head> <body> <div style="padding:20px;"> <h2>图标实例</h2> <p>Cloud icon: <i class="fi-cloud"></i></p> <p>Cloud icon as a link: <a href="#"><i class="fi-cloud"></i></a> </p> <p>Styled Cloud icon: <i class="fi-cloud" style="font-size:35px;color:red;"></i></p> <p>Home icon: <i class="fi-home"></i></p> <p>Home icon on a button: <button type="button" class="button"> <i class="fi-home"></i> Home </button> </p> <p>Home icon on a green button: <button type="button" class="button success"> <i class="fi-home"></i> Home </button> </p> <p>Home icon on a large, light blue link button: <a href="#" class="button info large"> <i class="fi-home"></i> Home </a> </p> </div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Recommandations populaires
- J'ai créé un CDN gratuit pour les icônes des réseaux sociaux
- La Fondation Ethereum poursuit la vente d'ETH en septembre
- La Fondation Celestia lève 100 millions de dollars alors que son jeton TIA chute de 54 %
- La Fondation Mishaboar Reiterates, développeur principal de Dogecoin, est une organisation indépendante
- La Fondation Dogecoin publie une feuille de route détaillant ses objectifs de développement
- La Fondation Ethereum effectue un transfert majeur de 84 211 ETH vers un portefeuille inconnu