Как сделать сложную линию в чистом css?

-6

Я хотел бы сделать чистую строку css внутри div, как показано на рисунке ниже, это возможно?Как сделать сложную линию в чистом css?

css line

Thanx

источник

2016-08-10 Alex Matino

вы пытались что-то для этого? –

У вас есть какой-либо «HTML» (контент), связанный с этой строкой? –

Вот код, чтобы начать работу.

.lineWrapper { 
 
    background-color: cornflowerblue; 
 
    padding: 30px; 
 
} 
 
.lineWrapper .line { 
 
    width: 50px; 
 
    height: 50px; 
 
    border-left: 1px solid white; 
 
    border-bottom: 1px solid white; 
 
} 
 
.lineWrapper .line:first-child { 
 
    border-top: 1px solid white; 
 
}

<div class="lineWrapper"> 
 
    <div class="line"></div> 
 
    <div class="line"></div> 
 
    <div class="line"></div> 
 
</div>

источник

2016-08-10 12:12:55 Pugazh

wow ... так много ответов, спасибо много ... у меня есть это до сих пор, основываясь на ответе выше ... я думал использовать до: и после ... но, вероятно, это самый простой способ сделать это : https://jsfiddle.net/u8ywdx06/3/ потому что я хочу контролировать каждый элемент ... так что я должен оптимизировать это ... но я буду смотреть и на другие ответы ... –

@AlexMatino: Добро пожаловать в Stack Overflow. Ожидается, что вы попытаетесь внедрить и запросить помощь при возникновении проблемы. Всегда отправляйте код, что вы пробовали, чтобы люди здесь были рады помочь. Счастливое кодирование! – Pugazh

Как сделать сложную линию в чистом css?

ответ

Смежные вопросы