HTML Color Bar how to? [closed] - html

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/

Related

How can I change the color of left edge of box [closed]

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 14 days ago.
Improve this question
I want to make the box with left color bar like this
At first I should use the border-left property and change the color of one edge of the box.
However the boundary of each edge will not be 90 degree 45 degree.
How can I make this?
Here's a starting point, feel free to add additional details in the comments, because it's a bit hard to understand what you're after.
.example {
height: 40px;
background-color: #F7F8F8;
border-left: 6px #FE2A45 solid;
}
<div class="example"></div>

Does somebody know how to make a gradient background website that follows the window as you scroll? [closed]

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;
}

How do I create a background with a small heart patter? [closed]

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 8 months ago.
Improve this question
something similar to this image but pink enter image description here
Find a small background image of the heart you would like to use and use the background-repeat CSS property to have it repeat across the x and y axes.
Something similar to this should work:
body {
background-image: url("heart-image.png");
background-repeat: repeat;
}

How do I create a navigation bar with buttons and text? [closed]

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 a site I would like to create a bottom navigation bar which has text and buttons. Here is a image
I have tried youtube and google search but they vary from what I desire. Help please. Thank you in advance.
#menuFooter {
padding: 20px 10px;
}
</div>

strange left margin appears in firefox [closed]

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 9 years ago.
Improve this question
take a look at this site : IUT Wiki
A strange margin appears at the left side of the whole html and it only appears in Firefox.
Do you guys have any idea on how to fix this?
try:
body {
overflow-x: hidden;
}
EDIT: If you want to solve the cause of the problem:
you have in the css:
ul#f-list {
width: 1025px;
}
change it to 100%