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
- Icônes CSS avec exemples
- iOS 18 : disposez les icônes autour du fond d’écran de votre iPhone
- tutoriel d'utilisation des icônes vite-plugin-svg-icons
- How to Remove Symbols or Icons From Samsung Keyboard
- Toutes les icônes d'application ont disparu sur votre iPhone ? Essayez ces correctifs
- La Fondation Eigen accorde sa première subvention stratégique à la Fondation Celo