card syntax html
.card {
/* Add shadows to create the "card" effect */
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
box-shadow:
0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
.container {
padding: 2px 16px;
} <div class="card"> <!--Start a div-->
<img src="..." class="card-img-top" alt="..."> <!--add source and class-->
<div class="card-body"> <!-- Keep class names relative to what you are doing-->
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card
title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a> <!-- Add link
with href and put text for button in-->
</div>
</div> <!--Be sure to close both div-->
Also in CSS:
- css first
- wordpress https to localhost http
- media queries css not working for mobile
- fill and no repeat background image css
- button href
- what is the default value of the position property in css
- css min width
- border shorthand
- css background image not showing
- html5 input required length
- italic in css
- how to make animation stay on 100%
- change color select arrow css cf7
- how to change the size of something on hover in css
- how to create a shape in css
- align ionic icons and text css
- history of css
- how to call an id in css
- css onclick change color
- min and max width media query
- link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"
- pestañas dentro de una pagina web php
- css circle border
- css position property