Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
style
, color
y width
Por ejemplo, si quisiéramos crear un borde rojo de 5 píxeles alrededor de un elemento HTML, podríamos usar esta clase: <estilo>
.thin-red-border {
color del borde: rojo;
ancho del borde: 5px;
estilo de borde: sólido;
}
</style>
thick-green-border
. Esta clase debe agregar un borde verde sólido de 10 px alrededor de un elemento HTML. Aplica la clase a tu foto de gato. Recuerde que puede aplicar varias clases a un elemento utilizando su atributo de class
, separando cada nombre de clase con un espacio. Por ejemplo: <img class="class1 class2">
img
debería tener la clase smaller-image
.
testString: 'assert($("img").hasClass("smaller-image"), "Your img
element should have the class smaller-image
.");'
- text: Tu elemento img
debe tener la clase thick-green-border
.
testString: 'assert($("img").hasClass("thick-green-border"), "Your img
element should have the class thick-green-border
.");'
- text: Dale a tu imagen un ancho de 10px
de 10px
.
testString: 'assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) >= 8 && parseInt($("img").css("border-top-width"), 10) <= 12, "Give your image a border width of 10px
.");'
- text: Dale a tu imagen un estilo de borde solid
.
testString: 'assert($("img").css("border-right-style") === "solid", "Give your image a border style of solid
.");'
- text: El borde alrededor de su elemento img
debe ser verde.
testString: 'assert($("img").css("border-left-color") === "rgb(0, 128, 0)", "The border around your img
element should be green.");'
```
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: