DECOTEXS: Modelos de background-image (1)

modelo1
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

_______________


<style>.modelo-1 {
font-size: 15px;
float:left;
text-align: center;
font-style: italic;
border-radius: 20px;
text-transform: uppercase;
width:140px; height:600px;
padding: 20px 0 40px 0px;
margin-top: 20px;margin-bottom: 100px;margin-left: 20px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWzZUKJfDc_8SVhxXHPemAYw9r4db5tnuugH5SUMqSedZboR_vL-0ZKk0Db2y_CkRjDGYlkDnrKSKNP-gJOAj3ySm7xqgyxYSEUbucOqrbdIDOgYzzfyjkayv359uJU0ygMPerFvpmNtu/s320/buscador.png) no-repeat scroll 0 0;border:medium none;
color:red;width:189px;height:30px;
}  </style>

 <div style="font-size:30px;font-weight:900px;background:green;display:inline;"><p class="modelo-1"><span style="font-size:30px;font-weight:800px;padding-right:20px;">modelo1</span></br>Lorem  ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
</br>
___________________________
<style>.modelo2 {
  background:  #f2f2f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBddHT3uaoUpIs0pdZe_-Sof-aNEW-D3ajkqPJ0zE2kuEOHN9EloKl_VxTNsOuj41Uq3tYzc-tDVH7X-4IMnOB0N3EV7jxRYOsqElo6hBjWW6OCZBsCM_hVJtmJaQaf7PUrTxqaDEw2IeL/s320/flores2.png) no-repeat scroll 0px 30px;border-top: 2px dashed #C0C0C0; border-bottom: 0px dashed #C0C0C0;clear:both;font-size:18px;font-weight:bold;margin:35px 0 0;padding:13px 10px 5px 25px;}
}  </style>

______________________-
.modelo3 {
 text-align: center;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRxM5C2-RqPlI5XWLl-xqHYB5EAHePL6PCX4N3fhyphenhyphenD_bWDRtD7YokutUZDL7z0jsECzmpq45MGlr_qDeMRSswdp01lSx_q2H82DIrCuxVvrz9Qj1c1YyQXjXN1344FRvIaNnS2xlWQlTk/s320/fondocoments2.png") repeat scroll 0 0 transparent;padding: 5px 0;border-top: 1px dashed #C0C0C0;
border-bottom: 1px dashed #C0C0C0;
width: 100%;
} 
________________________

.modelo4 {
 text-align: center;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRxM5C2-RqPlI5XWLl-xqHYB5EAHePL6PCX4N3fhyphenhyphenD_bWDRtD7YokutUZDL7z0jsECzmpq45MGlr_qDeMRSswdp01lSx_q2H82DIrCuxVvrz9Qj1c1YyQXjXN1344FRvIaNnS2xlWQlTk/s320/fondocoments2.png) repeat scroll 0 0; border-left: 1px dashed #C0C0C0;border-right: 1px dashed #C0C0C0;
display: inline;float: right;padding:25px 20px 5px 22px;margin:7px 8px 15px 0;min-height: 1px;position: relative;width: 280px;
} 
.modelo5 {
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWzZUKJfDc_8SVhxXHPemAYw9r4db5tnuugH5SUMqSedZboR_vL-0ZKk0Db2y_CkRjDGYlkDnrKSKNP-gJOAj3ySm7xqgyxYSEUbucOqrbdIDOgYzzfyjkayv359uJU0ygMPerFvpmNtu/s320/buscador.png) no-repeat scroll 0 0;border:medium none;
color:#CCCCCC;font-family:Georgia,serif;font-size:44px;text-shadow: 1px 1px 1px #505050;;
font-style:italic;padding:35px;width:810px;}

____________________________________________________________________________________________________________--

Modelo2
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Modelo3
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Modelo4
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Modelo 5
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Modelo 6
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

Modelo 7
LOREM IPSUM DOLOR SIT.

Modelo 8
LOREM IPSUM DOLOR SIT

Modelo 9
LOREM IPSUM DOLOR SIT

Modelo 10
LOREM IPSUM DOLOR SIT

Modelo 11
LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

viernes, 13 de mayo de 2022

Modelos de background-image (1)