Css ile ilgili küçük bir sorum var

Merhaba,

Div kenarına şöyle bir border atıyorlar, daha doğrusu border mi onu anlayamadım
Bunu nasıl yapabilirim?

Örneğin burada da borderin bir kısmını kesip icon eklemişler
https://prnt.sc/24rr99n

Açıkçası ne diye araştıracağımı da bulamadım o yüzden size sormak istedim

Şimdiden teşekkürler

Eğer borderin köşesinin keskinliği ise border-radius kullanarak azaltabilirsiniz. yuvarlaklaştırabilirsiniz.

Borderin bir kısmını kesmiyorlar iconu borderin hizasına getiriyorlar oda aynı kesilmiş gibi gösteriyor

Genellikle ::before, ::after gibi seçiciler ile öğeyi ekleyip position: relative; left, right, top, bottom ile konumlandırma yapılarak oluşturulur.

Div etrafında komple border yok hocam sadece kenarlarda ve saydamlığı azalan bir yapısı var. Onu çözemedim

O zaman oraya icon yerleştirip icon arka planını da ayarlayınca kesilmiş gibi duruyor. Mantıklı. Teşekkürler hocam yardımınız için

divinizde b-angle diye bir class olsun farz edelim

.b-angle{width: 0; height: 0; border-top: 5px solid red; border-right: 5px solid transparent;}

bu şekilde px değerleri ile oynayarak yapabilirsiniz.

Çok teşekkürler sanırım before ile yapmışlar genelde.

Teşekkür ederim ancak saydamlığı azalan bir border yok burada. Anladığım kadarıyla üste bir border atıyoruz o kadar. Saydamlığını ayarlayamadım asıl sorunum o

Demek istediğinizi tam olarak anlayamadım ama sayfamlık için opacity:0.3 gibi değerler ile saydamlığı kontrol edebilirsiniz.

borderin bir kenarını kesip ikon eklemiyor. Sadece icona genişlik yükseklik veya padding veriyor ve arkaplana renk veriyor. Bu sayede border kesik gibi görünüyor