CSS Tutorial Tutorials References Exercises Certificates Menu Search field × See More NEW W3Schools app iOS & Android Start the adventure Sign In ★ +1 Get Certified Get Certified  My W3Schools Tutorials References Exercises Certificates W3Schools app iOS & Android NEW Spaces Get Certified Plus Practice Academy All our Services Logout     × × Tutorials Tutorials Learn web development, programming, data science, and more. W3SCHOOLS TUTORIALS: × ← All Topics × References W3SCHOOLS REFERENCES: × HTML Tag reference CSS Reference JavaScript Reference SQL Keyword reference Python Reference Java Reference C Reference C++ Reference Colors Color names PHP Reference HTML DOM Reference MySQL Reference W3.CSS Reference Bootstrap 3 Reference Bootstrap 4 Reference Node.js Reference Django Reference jQuery Reference Vue Attributes Angular Reference Sass Reference XML Reference JSON Reference ASP Reference Icons Reference SVG Reference Canvas Reference Charsets Reference Emojis Reference AppML Reference W3.JS Reference × Exercises Practice and test your skills with different exercises. Tip: Sign in to track your progress. Select another topic: × HTML Exercises CSS Exercises JavaScript Exercises SQL Exercises Python Exercises Java Exercises C Exercises C++ Exercises C# Exercises PHP Exercises React Exercises MySQL Exercises Excel Exercises DSA Exercises Bootstrap 3 Exercises Bootstrap 4 Exercises Bootstrap 5 Exercises Node.js Exercises TypeScript Exercises Django Exercises PostgreSQL Exercises jQuery Exercises NumPy Exercises Pandas Exercises Angular Exercises Git Exercises MongoDB Exercises R Exercises Go Exercises Kotlin Exercises Swift Exercises Vue Exercises SciPy Exercises Bash Exercises Choose an activity ← Back to topics Tip: Sign in to track your progress. × Get Certified W3SCHOOLS CERTIFICATES: × HTML CSS JavaScript SQL Python Java C C++ C# PHP React MySQL Excel DSA W3.CSS Bootstrap 3 Bootstrap 4 Bootstrap 5 Node.js TypeScript Django PostgreSQL jQuery Vue NumPy Pandas XML Cyber Security Accessibility AngularJS Git MongoDB R Go Kotlin SASS SciPy BASH Rust All Our Services Dark mode  Services filter input × W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999 References Explore our selection of references covering all popular coding languages W3Schools app NEW For iOS & Android, start a new learning adventure. Create a Website Create your own website with W3Schools Spaces - no setup required Exercises Test your skills with different exercises Quizzes Test yourself with multiple choice questions Code Challenges Test your skills with interactive code challenges Get Certified Document your knowledge Log in / Sign Up Create an account to track your progress League Earn XP and climb the ranks with different challenges Upgrade Become a PLUS user and unlock powerful features (ad-free, hosting, support,..) Where To Start Not sure where you want to start? Follow our guided path Code Editor (Try it) With our online code editor, you can edit code and view the result in your browser Templates We have created a bunch of responsive website templates you can use - for free! Web Hosting Host your own website, and share it to the world with W3Schools Spaces Create a Server Create your own server using Python, PHP, React.js, Node.js, Java, C#, etc. How To's Large collection of code snippets for HTML, CSS and JavaScript CSS Framework Build fast and responsive sites using our free W3.CSS framework Videos Learn the basics of HTML in a fun and engaging video tutorial Browser Statistics Read long term trends of browser usage Typing Speed Test your typing speed Color Picker Use our color picker to find different RGB, HEX and HSL colors. Newsletter Join our newsletter and get access to exclusive content every month Emojis Reference Check out our refererence page with all the emojis supported in HTML 😊 Code Game W3Schools Coding Game! Help the lynx collect pine cones UTF-8 Reference Check out our full UTF-8 Character reference Community Chat, Learn and Connect with Us on Discord Academy Contact us about W3Schools Academy for educational institutions For Businesses Contact us about W3Schools Academy for your organization Contact Us About sales: sales@w3schools.com About errors: help@w3schools.com     × ❮ ❯ HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP C C++ C# AWS W3.CSS HOW TO BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST TOOLS CSS TutorialCSS HOMECSS IntroductionCSS SyntaxCSS Selectors Selectors Grouping Selectors Code ChallengeCSS How To Add External CSS Add Internal CSS Add Inline Style Multiple Style Sheets Code ChallengeCSS CommentsCSS ErrorsCSS Colors Colors RGB / RGBA HEX / HEXA HSL / HSLA Code ChallengeCSS Backgrounds Background Color Background Image Background Repeat Background Attachment Background Shorthand Code ChallengeCSS Borders Border Style Border Width Border Color Border Sides Border Shorthand Rounded Borders Code ChallengeCSS Margins Margins Margin Collapse Code ChallengeCSS Padding Padding Padding box-sizing Code ChallengeCSS Height / Width Height / Width Min / Max Code ChallengeCSS Box Model Box Model Code ChallengeCSS Outline Outline Style Outline Width Outline Color Outline ShorthandOutline Offset Code ChallengeCSS Text Text Color Text Alignment Text Decoration Text Decoration Styles Text Transformation Text Spacing Text Shadow Code ChallengeCSS Fonts Font Family Font Web Safe Font Fallbacks Font Style Font Size Font Google Font Pairings Font Shorthand Code ChallengeCSS Icons Icons: Font Awesome Icons: Bootstrap Icons: Google Code ChallengeCSS Links Styling Links Link Buttons Code ChallengeCSS Lists Styling Lists Code ChallengeCSS Tables Table Borders Table Size Table Alignment Table Styling Table Responsive Code ChallengeCSS Display Display Visibility / Hide Code ChallengeCSS Max-width Max-width Code ChallengeCSS Position Static/Relative Position Fixed/Absolute Position Sticky Position Code ChallengeCSS Position Offsets Offsets Code ChallengeCSS Z-index Z-index Code ChallengeCSS Overflow Overflow Overflow X and Y Code ChallengeCSS Float Float Clear / Clearfix Float Examples Code ChallengeCSS Inline-block Inline-block Code ChallengeCSS Align Center Align Horizontal Align Vertical Align Code ChallengeCSS Combinators Combinators Code ChallengeCSS Pseudo-classes Pseudo-classes Interactive Structural Code ChallengeCSS Pseudo-elements Pseudo-elements Text Content Code ChallengeCSS Opacity Opacity Code ChallengeCSS Navigation Bars Navbar Intro Vertical Navbar Horizontal Navbar Code ChallengeCSS Dropdowns Dropdowns Advanced Dropdowns Code ChallengeCSS Image Gallery Image Gallery Code ChallengeCSS Image Sprites Image Sprites Code ChallengeCSS Attribute Selectors Attribute Selectors Advanced Attr Selectors Code ChallengeCSS Forms Style Forms Style Inputs Input Focus / Icons Other Form Elements Code ChallengeCSS Counters Counters Nested Counters Code ChallengeCSS Units Units Absolute Units Relative Units Code ChallengeCSS Inheritance Inheritance Code ChallengeCSS Specificity Specificity Specificity Hierarchy Code ChallengeCSS !important !important Code ChallengeCSS Math Functions Math Functions Code ChallengeCSS Optimization Optimization Code ChallengeCSS Accessibility Accessibility Code ChallengeCSS Website Layout Website Layout Code ChallengeCSS AdvancedCSS Rounded Corners Rounded Corners Code ChallengeCSS Border Images Border Images Code ChallengeCSS Backgrounds Multiple Backgrounds Background Size Background Origin Background Clip Code ChallengeCSS Colors Colors Color Keywords Code ChallengeCSS Gradients Linear Gradients Radial Gradients Conic Gradients Code ChallengeCSS Shadows Text Shadow Box Shadow Code ChallengeCSS Text Effects Text Effects Code ChallengeCSS Custom Fonts Custom Fonts Code ChallengeCSS 2D Transforms Translate / Rotate Scale Skew / Matrix Code ChallengeCSS 3D Transforms 3D Transforms 3D Perspective 3D Card Flip 3D Cube 3D Carousel Code ChallengeCSS Transitions Transitions Transition Timing Code ChallengeCSS Animations Animations Animation Timing Animation Properties Code ChallengeCSS Tooltips Tooltips Tooltip Arrows Code ChallengeCSS Image Styling Image Styling Image Effects Hover Overlays Code ChallengeCSS Image Modal Image Modal Code ChallengeCSS Image Centering Image Centering Code ChallengeCSS Image Filters Image Filters Code ChallengeCSS Image Shapes Image Shapes Code ChallengeCSS object-fit object-fit Code ChallengeCSS object-position object-position Code ChallengeCSS Masking Masking - PNG Masking - Gradients Masking - SVG Code ChallengeCSS Buttons Styling Buttons Hover Effects Button Groups Code ChallengeCSS Pagination Pagination Pagination Styles Code ChallengeCSS Multiple Columns Multiple Columns Multiple Column Rules Code ChallengeCSS User Interface User Interface Code ChallengeCSS Variables The var() Function Overriding Variables Variables and JavaScript Variables in MQ Code ChallengeCSS @property @property Code ChallengeCSS Box Sizing Box Sizing Code ChallengeCSS Media Queries Media Queries MQ Examples Code ChallengeCSS FlexboxFlexbox Intro Flexbox Intro Code ChallengeFlex Container Flexbox Container Flexbox Justify Content Flexbox Align Items Code ChallengeFlex Items Flex Items Code ChallengeFlex Responsive Flex Responsive Code ChallengeCSS GridGrid Intro Grid Intro Code ChallengeGrid Container Grid Container Grid Tracks Grid Gaps Grid Align Code ChallengeGrid Items Grid Items Grid Item Named Grid Item Align Grid Item Order Code ChallengeGrid 12-column Layout 12-column Layout Code ChallengeCSS @supports @supports Code ChallengeCSS ResponsiveRWD Intro RWD Intro Code ChallengeRWD Viewport RWD Viewport Code ChallengeRWD Grid View RWD Grid View Code ChallengeRWD Media Queries RWD Media Queries Code ChallengeRWD Images RWD Images Code ChallengeRWD Videos RWD Videos Code ChallengeRWD FrameworksRWD TemplatesCSS CertCSS CertificateCSS SASSSASS TutorialCSS ExamplesCSS TemplatesCSS ExamplesCSS EditorCSS SnippetsCSS QuizCSS ExercisesCSS Code ChallengesCSS WebsiteCSS SyllabusCSS Study PlanCSS Interview PrepCSS ReferencesCSS ReferenceCSS SelectorsCSS CombinatorsCSS Pseudo-classesCSS Pseudo-elementsCSS At-rulesCSS FunctionsCSS Reference AuralCSS Web Safe FontsCSS AnimatableCSS UnitsCSS PX-EM ConverterCSS ColorsCSS Color ValuesCSS Default ValuesCSS Browser Support CSS Tutorial❮ HomeNext ❯ Learn CSS CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. Learn CSS now ❯ New · W3Schools Adventure App Adventure Mode Learn CSS in bite-sized quests with XP and streaks. Your progress grows for each new adventure! Free on iOS and Android. Download on theApp Store GET IT ONGoogle Play ShareLink CopiedExamples in Each ChapterThis CSS tutorial contains over 700 CSS examples.With our online editor, you can edit the CSS, and click on a button to view the result.CSS Examplebody{ background-color: lightblue;}h1{ color: white; text-align: center;}p{ font-family: verdana; font-size: 20px;}Try it Yourself »Click on the "Try it Yourself" button to see how it works.CSS ExamplesLearn from over 700 examples! With our editor, you can edit the CSS, and click on abutton to view the result.Go to CSS Examples!Use the MenuWe recommend reading this tutorial, in the sequence listed in the menu.If you have a large screen, the menu will always be present on the left.If you have a small screen, open the menu by clicking the top menu sign ☰.CSS TemplatesWe have created some responsive W3.CSS templates for you to use.You are free to modify, save, share, and use them in all your projects.Free CSS Templates!CSS ExercisesMany chapters in this tutorial end with an exercise where you can check your level of knowledge.See all CSS ExercisesCSS QuizTest your CSS skills with a quiz.Start CSS Quiz!Track Your Progress Create a W3Schools account and get access to more features and learning materials: View your completed tutorials, exercises, and quizzes Keep an eye on your progress and daily streaks Join the leaderboard and compete with others Get your own avatar and unlock new skins Create your own personal website Sign Up » NoteThis is an optional feature. You can study at W3Schools without creating an account.CSS ReferencesAt W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more. CSS Properties CSS Browser Support CSS Selectors CSS Combinators CSS Pseudo-classes CSS Pseudo-elements CSS At-rules CSS Functions CSS Animatable CSS Web Safe Fonts CSS Units Px to Em Conversion CSS Colors CSS Default Values CSS Entities CSS Aural Course Certification Get Certified in coding Complete the W3Schools coding course, strengthen your knowledge, and earn a certificate you can add to your CV, portfolio, and LinkedIn profile. Get Certified Today W3Schools Certificate Coding Learn it. Practice it. Prove it. w 3 s c h o o l s C E R T I F I E D . 2 0 2 6 ❮ HomeNext ❯ ★ +1 Sign in to track progress REMOVE ADS New W3Schools Adventure App Coding fundamentals as a game. Bite-sized lessons and challenges. Download on the App Store GET IT ON Google Play Learn more » Ready to start your journey? Your streak is waiting. +60 XP PLUSSPACESGET CERTIFIEDFOR TEACHERSPRACTICECONTACT US × Contact Sales If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:sales@w3schools.com Report Error If you want to report an error, or if you want to make a suggestion, send us an e-mail:help@w3schools.com Top Tutorials HTML Tutorial CSS Tutorial JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial W3.CSS Tutorial Bootstrap Tutorial PHP Tutorial Java Tutorial C++ Tutorial jQuery Tutorial Top References HTML Reference CSS Reference JavaScript Reference SQL Reference Python Reference W3.CSS Reference Bootstrap Reference PHP Reference HTML Colors Java Reference AngularJS Reference jQuery Reference Top Examples HTML Examples CSS Examples JavaScript Examples How To Examples SQL Examples Python Examples W3.CSS Examples Bootstrap Examples PHP Examples Java Examples XML Examples jQuery Examples Get Certified HTML Certificate CSS Certificate JavaScript Certificate Front End Certificate SQL Certificate Python Certificate PHP Certificate jQuery Certificate Java Certificate C++ Certificate C# Certificate XML Certificate     FORUM ABOUT ACADEMYW3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctnessof all content. While using W3Schools, you agree to have read and accepted our terms of use,cookies and privacy policy.Copyright 1999-2026 by Refsnes Data. All Rights Reserved.W3Schools is Powered by W3.CSS.
https://www.w3schools.com/css/default.asp# Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
https://sprinsh.com/searched.php?id=1087 wikiHow es un proyecto colaborativo destinado a construir el manual de "Cómo hacer..." más grande del mundo. Nuestra misión es brindar instrucciones que sean útiles para ayudar a resolver los problemas de la vida.
