Jump to content
  • 0

Как правильно делать такую обводку?


purple/ocean
 Share

Question

8 answers to this question

Recommended Posts

  • 0
2 часа назад, Alexej сказал:

Можно просто блок с квадратом сделать. А внутри H1 заголовок создать и от позиционировать верх как нужно.   

Тогда за ним не будет видно фона страницы

  • Like 1
Link to comment
Share on other sites

  • 0

Верстала такой шаблон и очень давно.)))
Если я правильно вас понимаю, это будет именно письмо?

Если нет - то вот вам моя верстка - разберите и забирайте на здоровье.)))

 

clean.rar

Link to comment
Share on other sites

  • 0

Тогда будет просвечивать верхний бордер у блока с обводкой.

Можно сделать такойже эффект с помощью псевдоэлементов вместо верхней границы, но он мне меньше нравится, к тому же не вижу причин извращаться подобным образом когда есть предназначенные для подобных задач теги

Link to comment
Share on other sites

  • 0
17 часов назад, AlexZaw сказал:

Тогда будет просвечивать верхний бордер у блока с обводкой.

Можно сделать такойже эффект с помощью псевдоэлементов вместо верхней границы, но он мне меньше нравится, к тому же не вижу причин извращаться подобным образом когда есть предназначенные для подобных задач теги

Филдсет ? Я про псевдоэлементы и имел ввиду... бордеры слева снизу справа |_| а с верху: ___тут текст ____ правда как будет выглядет блок с текстом если там будет не одна строка а несколько.... 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy