codex68
3 سال پیش توسط codex68 مطرح شد
2 پاسخ

یه سوال کوچیک در طرح سی اس اس

دوستان یه سوال خیلی کوچیک دارم میشه لفطا یه نمونه کد لطف کنیدhtml css که مشابه تصویر زیر باشه
توضیح تصویر رو وارد کنید

دوستان عکس رو ببینید لطفا دو تا لاین که وسطش متن تکست می خوام بذارم
دقیق بگم با border-bottom خط رو ایجاد میشه کرد اما می خوام وسط خط متن باشه


ثبت پرسش جدید
Saman
تخصص : برنامه نویس وب
@samanzdev 3 سال پیش مطرح شد
2

سلام
کد های html

<div> 
    <span>
        متن مورد نظر 
    </span>
</div> 

کد های css

div {
    width: 500px;
    height: 500px;
    background-color: #fff;
    text-align: center;
    border: 2px solid black;
}
span {
    background-color: white;
    position: relative;
    top: -10px;
    padding: 0 10px;
} 

موفق باشید
@hunt.coders1989


moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 3 سال پیش مطرح شد
2

سلام به راحتی می تونید از pseudo element ها استفاده کنید.
این از html

<p>some text</p>

اینم از css کار

p {
   color: red;
    position: relative;
    display: inline-block;
    margin: 50px 100px;
}

p:before {
    content: "_____";
    color: blue;
    position: absolute;
    top: -5px;
    left: -45px;
}

p:after {
    content: "_____";
    color: blue;
    position: absolute;
    top: -5px;
    right: -45px;
}

@hunt.coders1989


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام