div box com texto

[lezão 0]

Boa noite!

Td bem com vcs?

 

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

só encontrei como imagem, vejam.

 

será que tem como fazer em css desse modelo, o texto tem q ficar sobreposto a cor do fundo.

 

[Omar~ 87]

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>

 

[lezão 0]

Boa noite, Omar~!

td bem com você?

 

muito obrigado pela sua ajuda, deu certinho.

vlw, fica com Deus!