div box com texto

>

7 horas atrás, lezão disse:

Meus amigos, estou precisando de um css que eu não faço ideia por onde começar ja pesquisei e nada.

Duvido muito que tenha pesquisado, pois se tivesse pesquisado teria chegado a

https://developer.mozilla.org/

Enfim, depende de conceitos de como e quais características os elementos vão se empregados.

<style>
 .conter {
 position: relative;
 height: 200px;
 width: 240px /* Depende do tamanho do texto */
 }
 .circulo {
 /* Criando o circulo */
 height: 200px;
 width: 200px;
 border-radius: 50%;
 /* Adicionando a sombra */
 box-shadow: 8px 10px 10px rgba(0,0,0,.8);
 /* Plano de fundo gradiente */
 background-image: linear-gradient(180deg, rgba(255,0,0,0), rgba(255,10,100,1));
 margin-left: 20px /* Depende da lagura do "conter" "(X - Y) / 2 = ?" */
 }
 .texto {
 /* Posicionando o texto */
 position: absolute;
 z-index: 1;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 /* Propriedades do texto */
 color: #ffffff;
 font-size: 90px;
 text-shadow: 6px 3px 6px rgba(0,0,0,.8);
 }
</style>

<div class="conter">
 <div class="circulo"></div>
 <div class="texto">Weeks</div>
</div>

Boa noite, Omar~!

td bem com você?

muito obrigado pela sua ajuda, deu certinho.

vlw, fica com Deus!