کانال ما در تلگرام
کدCSS نوشته روی کاغذ

paper code css

دوست دارید برگ دفتر خود را وارد کامپیوتر بکنید!؟ خب اکنون بواسطه سی اس اس اینکارو انجام دهید. در این کد CSS همونطور که در عکس بالا میبنید میتوانید یک کاغذ همراه متن را به نمایش بگذارید

paper code css

برای استفاده از کد CSS کاغذ همراه متن مراحل زیر را انجام دهید :

 

این کد را قبل از </head> قرار دهید :

.paperZ {    margin: 50px auto;    width: 300px;    height: 300px;    border-radius: 3px;     position: relative;}.paperZ, .paperZ:before, .paperZ:after {    background: #fff;    border: 1px solid #ccc;}.paperZ:before, .paperZ:after {    content: "";    position: absolute;    bottom: -3px;    left: 2px;    right: 2px;    height: 1px;    border-top: none;}.paperZ:after {    left: 4px;    right: 4px;    bottom: -5px;     box-shadow: 0 0 2px #ccc;}h1, h2 {     font-family: "Helvetica Neue", Helvetica, Arial;    color: #444;    text-align: center;    padding: 60px 30px 0;    font-weight: bold;    font-size: 30px;}h2 {    font-size: 14px;   }

 

هرجایی که میخواهید کاغذ متن دار نمایش داده شود قرار دهید :

<div class="paperZ">    <h1>سلام اینجا دنیای وب</h1>    <h2>I LOVE SEPAHNA!!!</h2></div> 

0
نام:*
ایمیل:


جستجو در سایت
برند مورد علاقه شما
تقویم سایت
<    «  آبان 1399  »    >
شیدسچپج
 12
3456789
10111213141516
17181920212223
24252627282930