Marketing de Contido

Blogger: estilo CSS para o código do teu blog

Un amigo preguntoume como fixen as rexións do código na entrada de Blogger. Fíxeno utilizando unha etiqueta de estilo para CSS no meu modelo de Blogger. Aquí está o que engadín:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: Esta é unha regra CSS que se dirixe ao HTML <p> elementos co nome de clase "código". Significa que calquera parágrafo con esta clase terá un estilo de acordo coas seguintes propiedades.
  2. font-family: Courier New;: Esta propiedade define a familia de fontes como "Courier New". Especifica o tipo de letra que se utilizará para o texto dentro dos elementos de destino.
  3. font-size: 8pt;: Esta propiedade establece o tamaño da fonte en 8 puntos. O texto dentro dos elementos de destino mostrarase con este tamaño de letra.
  4. border-style: inset;: Esta propiedade define o estilo de bordo como "insertar". Crea unha aparencia afundida ou presionada para o bordo ao redor dos elementos obxectivo.
  5. border-width: 3px;: Esta propiedade establece o ancho do bordo en 3 píxeles. O bordo arredor dos elementos terá un grosor de 3 píxeles.
  6. padding: 5px;: Esta propiedade engade 5 píxeles de recheo ao redor do contido dentro dos elementos de destino. Proporciona espazos entre o texto e o bordo.
  7. background-color: #FFFFFF;: Esta propiedade define a cor de fondo en branco (#FFFFFF). O contido dos elementos de destino terá un fondo branco.
  8. line-height: 100%;: Esta propiedade establece a altura da liña no 100 % do tamaño da fonte. Asegura que as liñas de texto estean espazadas segundo o tamaño da fonte.
  9. margin: 10px;: Esta propiedade engade unha marxe de 10 píxeles ao redor de todo o elemento. Proporciona espazos entre este elemento e outros elementos da páxina.

O código CSS proporcionado define un estilo para os parágrafos HTML coa clase "código". Establece o tipo de letra, o tamaño da fonte, o estilo do bordo, o ancho do bordo, o recheo, a cor de fondo, o alto da liña e a marxe destes parágrafos. Este estilo pódese aplicar a fragmentos de código ou texto preformateado nunha publicación de Blogger para darlles un aspecto específico.

Aquí tes como quedará:

p.code {
familia de fontes: Courier New;
tamaño da fonte: 8pt;
estilo de bordo: inserción;
ancho do bordo: 3px;
relleno: 5px;
cor de fondo: #FFFFFF;
altura da liña: 100 %;
marxe: 10px;
}

Feliz Codificación!

Douglas Karr

Douglas Karr é CMO de OpenINSIGHTS e o fundador da Martech Zone. Douglas axudou a decenas de startups exitosas de MarTech, axudou na debida dilixencia de máis de 5 millóns de dólares en adquisicións e investimentos en Martech e segue axudando ás empresas a implementar e automatizar as súas estratexias de vendas e mercadotecnia. Douglas é un experto e relator de MarTech en transformación dixital recoñecido internacionalmente. Douglas tamén é autor publicado dunha guía de Dummie e dun libro de liderado empresarial.

artigos relacionados

Botón de volta ao principio
preto

Adblock detectado

Martech Zone pode fornecerche este contido sen ningún custo porque monetizamos o noso sitio mediante ingresos publicitarios, ligazóns de afiliados e patrocinios. Agradeceríamos que elimines o teu bloqueador de anuncios mentres visitas o noso sitio.