所以我在photoshop中为我的标题做了一些简单的事情:http: //i.imgur.com/U4GYzFV.png
我一直在研究CSS中的径向渐变,我发现了如何达到这一点,但我不知道如何调整它以使它看起来更像是Photoshop.
任何帮助,将不胜感激!
#header {
height: 220px;
width: 100%;
background-image:
radial-gradient(
circle closest-side,
#6fa5d9,
#51789d
);
}Run Code Online (Sandbox Code Playgroud)
<header id="header"></header>Run Code Online (Sandbox Code Playgroud)
我是初学者,我正在努力创造这样的东西

但是我无法让行在文本的左侧堆叠在一起.
有人可以帮助我在正确的方向推动我吗?
#topbar {
width: 15%;
background-color: #000000;
height: 3px;
float: left;
}
#bottombar {
width: 15%;
background-color: #000000;
height: 1px;
float: none;
clear: both;
}
#LocationText {
float: left;
font-size: 50px;
}Run Code Online (Sandbox Code Playgroud)
<div id="topbar"></div>
<div id="LocationText">Location</div>
<div id="bottombar"></div>Run Code Online (Sandbox Code Playgroud)