Horizontal lines with two colors

Tan Kucukhas

I'm trying to simulate the same effect on a picture in an html page. Is it possible to do this without using images or JS? I know this can be done horizontally by adding border colors to the top and bottom, but I can't find a way to do it horizontally.

enter image description here

i

You can add grey border-bottomto the element and then partially overlap it with the red ::afterpseudo-element :

h1 {
  border-bottom: 2px solid #E5E5E5;
}
h1:after {
  content: '';
  display: block;
  border-bottom: 2px solid #EC1C24;
  margin-bottom: -2px;
  max-width: 200px;
}
<h1>Haberler</h1>

Related

Try to split the horizontal navigation (ul) into two lines

Eric I'm using PureCSS to change their example of a responsive horizontal menu to a vertical menu to suit my needs. I want to split the horizontal navigation into two rows and I can't try to use css3 columns as described in this Stackoverflow answer . How can

Add a single legend for two horizontal lines in ggplot

data management system I have very little experience with ggplot2. I am trying to plot coverage probability and queue size using the following code: library("reshape2") library("ggplot2") library(latex2exp) CP1 <-c(0.953,0.942,0.947,0.958) CP2 <- c(0.937,0.952

Fill the area between two horizontal lines

rock 44 I followed this question with the most upvotes in the link below, but I got nothing. MATLAB, fill the area between two sets of data, a line in a plot I want to fill the area between one horizontal line y=6 and another horizontal line y=9 x=ones(1,110)

How to calculate the horizontal distance between two lines

Donald I have two sets of points A and B. Both A and B have the same x-values, just different y-values. For example, consider x-values as: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19] For A, the given y values are: [ 4,

Fill the area between two horizontal lines

rock 44 I followed this question with the most upvotes in the link below, but I got nothing. MATLAB, fill the area between two sets of data, a line in a plot I want to fill the area between one horizontal line y=6 and another horizontal line y=9 x=ones(1,110)

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Colors for horizontal plots in R

CodeGuy I have the following code. It produces a level graph where squared values less than 0 should be colored in red, and squares greater than 0 should be colored in blue. Then I want to color the square with value 0 white. However, in the end nothing is whi

Drawing lines in different colors

User 8491020 import pandas as pd import matplotlib.pyplot as plt import numpy as np df1 = pd.DataFrame(np.random.randint(0,15,size=(15, 1))) df2 = pd.DataFrame(np.random.randint(20,35,size=(10, 1))) frames = [df1, df2] result = pd.DataFrame(pd.concat(frames

Thicker lines and colors in androidplot

Shlomo Absak I'm using androidplot in a wind application and I want the lines at (eg, because they change depending on the wind) 1,3,5,7 to make the horizontal lines different colors (all 4 lines of the same color) and thicker. For the series I use: dynamicPlo

Drawing lines in different colors

User 8491020 import pandas as pd import matplotlib.pyplot as plt import numpy as np df1 = pd.DataFrame(np.random.randint(0,15,size=(15, 1))) df2 = pd.DataFrame(np.random.randint(20,35,size=(10, 1))) frames = [df1, df2] result = pd.DataFrame(pd.concat(frames

AmCharts - Lines of Different Colors

username I need to use the line as a different color between bullets in the same graph, i.e. if the line is going up (from smaller value bullet to larger value item) it needs to be green; if the line is down , it needs to be red. One option I found for AmChart

Animate lines of different colors

math world I am trying to animate data for a demo. I am trying to use python's animation package to do so. What I'm trying to do roughly boils down to the first example in http://jakevdp.github.io/blog/2012/08/18/matplotlib-animation-tutorial/ import numpy as

Drawing lines in different colors

User 8491020 import pandas as pd import matplotlib.pyplot as plt import numpy as np df1 = pd.DataFrame(np.random.randint(0,15,size=(15, 1))) df2 = pd.DataFrame(np.random.randint(20,35,size=(10, 1))) frames = [df1, df2] result = pd.DataFrame(pd.concat(frames