Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 1. Encontre .entry ou #entry, ou .sidebar ou #sidebar (se o theme maker designou algo diferente e mais aleatório, então você terá que descobrir qual bloco de código pertence à secção post/sidebar);
- 2. Depois de encontrar essa seção de codificação, você tem várias maneiras de colocar as bordas:
- Solid: uma linha simples que pode engrossar (apenas aumente border:__px);
- Double: duas linhas;
- Dotted: uma linha pontilhada;
- Dashed: uma linha a tracejado;
- Groove: borda ranhurada a 3D;
- Ridge: borda ondulada a 3D;
- Inset: borda inserida a 3D;
- Outset: borda que sai para fora fazendo uma dupla mas mais afastada;
- None: sem borda;
- Hidden: uma borda oculta.
- Além disso, você pode arredondar as bordas de algo, com isto:
- border-radius:5px; (você pode mudar o número, é claro)
- Para a parte superior esquerda:
- border-top-left-radius:5px; (você pode mudar o número, é claro)
- Para a parte superior direita:
- border-top-right-radius:5px; (você pode mudar o número, é claro)
- Para a parte inferior esquerda:
- border-bottom-left-radius:5px; (você pode mudar o número, é claro)
- Para a parte inferior direita:
- border-bottom-right-radius:5px; (você pode mudar o número, é claro)
- Veja este post para mais coisas: https://www.w3schools.com/css/css_border.asp
- x ----------------------------------------------------------------------------------------------------------------------------------- x
- 1. Find .entry or #entry, or .sidebar or #sidebar (if the theme maker named it something different & more random, then you’ll have to find out which block of code belongs to the post/sidebar section);
- 2. Once you find that section of coding, you have several ways to put the borders:
- Solid: a simple line that can thicken (just increase border:__px);
- Double: two lines;
- Dotted: a dotted line;
- Dashed: a dashed line;
- Groove: 3D grooved border;
- Ridge: 3D ridged border;
- Inset: 3D inset border;
- Outset: border that comes out making a double but further awayr;
- None: no border;
- Hidden: a hidden border.
- Also, you can round the borders of something, with this:
- border-radius:5px; (you can change the number, of course)
- For top left:
- border-top-left-radius:5px; (you can change the number, of course)
- For top right:
- border-top-right-radius:5px; (you can change the number, of course)
- For bottom left:
- border-bottom-left-radius:5px; (you can change the number, of course)
- For bottom right:
- border-bottom-right-radius:5px; (you can change the number, of course)
- See this post for more things: https://www.w3schools.com/css/css_border.asp
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement