Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
Good day everyone! I am trying apply a background image via an image link but I do not know how to make it work. Does anyone know how to make this code works. Thank you.
background-image: url("https://www.logodesign.net/logo/building-on-crescent-4303ld.png?
size=2&industry=company")
You are not supposed to use HTML for setting a background image. You should learn css.
But here is an example if you want a taste:
<div class="your-class">
<style>
.your-class{
height: 500px;
width: 500px;
background-image:url("https://www.logodesign.net/logo/building-on-crescent-4303ld.png?size=2&industry=company");
background-size:cover;
}
</style>
Instead of exporting via html, you can do it with css operations.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 months ago.
Improve this question
Does somebody know how to make this happen? Im thinking about something like on the fireship website, but didn't manage to recreate it.
Thanks.
I pulled this from the source code:
body {
background: linear-gradient(176deg,rgb(18,24,27) 50%,rgb(32,39,55) 100%);
min-height: 100vh;
background-attachment: fixed;
}
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 months ago.
Improve this question
style=" background-image: url("https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg");
I am trying to get this to be the background behind a button and title.
<button
style='background-image: url("https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg')
hello
use single quote around background-image because you are using double quotes in URL to avoid conflict as html will consider the quotes at the beginning of background-image & beginning of URL as start and end of tag which will cause conflict and will not work.
Use a containing element. Set the background-image of the containing element.
.container {
background-image: url(https://mars.nasa.gov/system/resources/detail_files/26895_PIA25326-web.jpg);
height: 500px;
}
<div class="container">
<h1>Header</h1>
<button>Button</button>
</div>
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
I have no idea how to go about this. I have tried to use an image, but can never get it to look right, but if I do it doesn't work well with other devices.
Here's what I'm trying to model after
thanks!
Just try to create a div with a height of 2px, with a linear-gradient background
<div class="br"></div>
.br {
height: 2px;
background: linear-gradient(YOUR COLORS HERE);
}
To create a radiant easily go to https://cssgradient.io/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Please check below web template image.
URL - https://ibb.co/cD3iH8
I am expecting to use above abstract design image as background for a whole page.
kindly share the best approach to achieve this.
Multiple options here. You can play around with:
background-size: 100%
or
background-size: cover
or
background-size: contain
Good luck!
Use body height same as image height:
body{
background-image:url('https://image.ibb.co/iGhzqT/atach_6.png');
height:5788px;
background-size: contain;
}
https://codepen.io/spmsupun/pen/YvvJWb
add
background-repeat:no-repeat;
background-size:contain;
to your style sheet .it will works fine .I'm added the snippet below
body{
background:url('https://image.ibb.co/iGhzqT/atach_6.png');
height:6000px;
background-repeat:no-repeat;
background-size:contain;
width:100%;
}
<body>
</body
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
Is there anyway I can display a div correctly with style code in the tag. For example I was wanting to have a div banner but Wordpress does not display the background color but it does show the text is there any way I can change it.
Example of what I was wanting todo.
<div id="Break" style="color:blue">
Test
</div>
You should use background-color instead of color.
<div id="Break" style="background-color:blue">
Test
</div>
You really shouldn't be adding styles in your html either, this should be;
index.php (or wherever you want to use it)
<div id="Break">
Test
</div>
style.css
#break{
background-color: blue;
}
Achieves exactly the same but is a much better way of doing it.