آموزش Css3- جعبه سیاه

– این درس درباره جعبه های سیاه در سی اس اس می باشد.می خواهیم کاری کنیم که دور عکس ها یک قسمت سایه مانند ایجاد کنیم که کار آن جدا کردن قسمت بی..

این درس درباره جعبه های سیاه در سی اس اس می باشد.می خواهیم کاری کنیم که دور عکس ها یک قسمت سایه مانند ایجاد کنیم که کار آن جدا کردن قسمت بیرونی با درونی عکس باشد و سپس می خواهیم کاری کنیم عکس ها سمت چپ نوشته ها قرار گیرند و بین عکس و متن یک فاصله مشخص قرار داشته باشد و  می خواهیم گوشه دور BOX متن را گرد نماییم و رنگ آن را مشکی کنیم که علت استفاده از این ویژگی ها نیز برای تاکید نوشته درون آن است.برای این کار ابتدا FOOTER را انتخاب می کنیم و سپس کلاس WHITE-BORDER را که برای عکس هایمان است را انتخاب می کنیم و بوردر را به رنگ سفید و SOLID انتخاب می کنیم و در ادامه آیدی فوتر را دوباره انتخاب می کنیم و کلاس IMG-LEFT را توسط آن فرا می خوانیم و عمل FLOAT را به سمت چپ توسط آن انجام می دهیم و توسط دستورRIGHT MARGIN فاصله نسبت به سمت راست را ایجاد می کنیم تا فاصله ای بین عکس و متن ایجاد گردد سپس یک عرض نیز با دستور WIDTH به آن می دهیم.بعد می خواهیم BOX مشکی را برای متن نوشته ها ایجاد کنیم برای این کار ابتدا FOOTER را انتخاب می کنیم و کلاس BLACK-BOX را فرا می خوانیم و در درون آن یک بک گراند به متن می دهیم و از دستور BACKGROUND برای این کار استفاده می کنیم

با دیگران به اشتراک بگذارید:

امتیازدهی: