Wanneer gebruik ik in HTML kleur, en wat is het verschil tussen achtergrondkleur en ook de achtergrondtag?
Wat zijn de verschillen?
Antwoord 1, autoriteit 100%
color
verwijst naar de tekstkleur in dat element.
background-color
verwijst naar de achtergrondkleur
background
is een afkorting om veel achtergrondtags in één regel te combineren.
background: #ffffff url("img_tree.png") no-repeat right top;
Combineert eigenschappen van kleur, afbeelding en achtergrondafbeelding op één regel in plaats van elke stijl afzonderlijk te typen.
Antwoord 2, autoriteit 4%
Ik zal je een voorbeeld geven met dit html-element:
<span class="value"> This is my text </span>
.value { color: red, background-color: black}
De CSS-kleur wordt gebruikt om de tekstkleur van een html-element te wijzigen. In dit voorbeeld zou “Dit is mijn tekst” rood zijn. De CSS-achtergrondkleur wordt gebruikt om de achtergrondkleur te wijzigen, dus in dit geval krijgt u een zwart vak met rode tekst erin. Ten slotte wordt de achtergrond gebruikt om alle achtergrondeigenschappen in één aangifte in te stellen. Bijvoorbeeld:
background: #00ff00 url("smiley.gif") no-repeat fixed center;
Dit verandert de achtergrondkleur, voegt de afbeelding “smiley.gif” toe aan de achtergrond en centreert de afbeelding, het herhaalt de afbeelding niet als er voldoende ruimte is.
Antwoord 3, autoriteit 2%
Snel antwoord
- Kleur = Tekstkleur
- Achtergrondkleur = de kleur van de achtergrond
- Achtergrond = geeft u de mogelijkheid om kleur, afbeelding, enz. in te stellen…
geweldige tutorials hierover zijn hier
te vinden
Antwoord 4, autoriteit 2%
Het is waar dat background
meer opties geeft dan background-color
. Maar als u alleen de achtergrondkleur hoeft in te stellen, zijn ze precies hetzelfde en overschrijven ze de andere zoals te zien is in het fragment.
background: yellow;
background-color: yellow;
.bc {
background: yellow;
background-color: green;
}
.bc2 {
background-color: green;
background: yellow;
}
<div class='bc'>
bc { background:yellow; background-color:green; }
</div>
<div class='bc2'>
bc { background-color:green; background:yellow; }
</div>
Antwoord 5, autoriteit 2%
Een groot voordeel van deze beide css-eigenschappen is dat een achtergrondkleur een afbeelding of een verloop dat hiermee is ingesteld niet overschrijft:
background:url('https://example.com/image.jpg');
of
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 20%,#207cca 51%,#7db9e8 100%);
Als u probeert de achtergrond van een afbeelding in een kleur te veranderen, moet u de eigenschap background gebruiken.
Antwoord 6
kleur : wordt gebruikt om kleur toe te voegen aan de tekst in de tag.
kleur: blauw;
achtergrondkleur: wordt gebruikt om kleur toe te voegen aan de achtergrond van de inhoud in de tag.
achtergrondkleur: rood;
background :wordt gebruikt voor het toevoegen van een ander type achtergrondeigenschapsnaam aan de inhoud binnen de tag.
achtergrond: rode url(‘image.png’) vaste herhalingsomslag;