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 2 years ago.
Improve this question
I am new to styles sheets. I want to make a button like this on my form.
How can I achieve this.
<button class='myBtn'>
<svg></svg> // here should be an svg get it from the internet
<span>Clear Selections<span>
</button>
.myBtn {
display: flex;
border: 1px solid gray;
color: black;
background: ; // ur color here
}
Also try to make a research before posting such questions
When you want to do something basic in HTML/CSS, there are often multiple ways to do so. Here's one simple solution using "flexbox" styles:
<div style="display: flex">
<img src="yourIcon.png"/>
<span>Clear Selections</span>
</div>
You could also use the float style, position: absolute-based styles, etc.
Related
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 last month.
Improve this question
I am re-designing my school's website. I am trying to have a random gradient(like in the Insta logo). I already have the colors, but I don't just want a plain linear-gradient.
.instagram {
background-image: linear-gradient(135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
height: 40px;
width: 40px;
color: white;
}
<div class="instagram"><i class="fa-brands fa-instagram"></i></div>
Achieving the "randomness" like the gradient in the Instagram logo isn't very easy to do with html and css. It has linear and radial gradients mixed, with some other colors splashed around. It would be better to recreate the background in Gimp or Photoshop as an image and then use the image as the background-image to the div.
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.
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 2 years ago.
Improve this question
I have very less knowledge of HTML and CSS. It was a success with creating the lines as a straight line. Not getting that how it can be modified the lines diagonally and straight. Not sure is it possible to create like below using coding. Appreciate your help.
enter image description here
A very rudimentary design, you could expand on it later...
.a {
transform: rotate(30deg);
border-left: 6px solid green;
height: 500px;
}
</style>
<div class="a">
</div>
The line turn is made through the "transform" property.
-FruDe
try transform property f.e.
transform: rotate(20deg);
to rotate objects and get diagonally line
https://www.w3schools.com/cssref/css3_pr_transform.asp
use transform you can learned about that in w3school
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 years ago.
Improve this question
I have a table with several cell, when i selected a cell i put a color.
In this exemple i want to put 104.00€ over it the color
My question is if it's possible to superimpose my color below my text..?
Is there some way to do this?
my css:
.matrices .selected td{
border-bottom: 3px solid #E05206;
background-color: #c1f928;
}
I will do my best to answer this. I apologize if I interpreted your question incorrectly.
I am assuming you wish to place text on top of a colored cell. I assume you are asking how you can color that cell? You can do this one of 2 ways:
Within your HTML (though inline settings are not recommended):
<td class="selected" bgcolor="#FF0000">January</td>
Or within your CSS
.selected {background-color: #ff0000}