Demo-примеры сайта dnzl.ru - Создание border (границ) у тега body

Перейти обратно к статье Граница у тега body. Реализуем при помощи зафиксированных блоков.

Vestibulum ut eros enim, vitae tristique lectus. Donec in lacus et nibh posuere tincidunt fringilla ut eros. Praesent fermentum, lectus quis ullamcorper tristique, nulla lectus eleifend dolor, vitae volutpat justo sapien ac elit. Nullam imperdiet semper lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis sagittis magna, nec posuere mi aliquam sit amet. Maecenas sodales orci sit amet elit tincidunt placerat. Duis a pulvinar purus. Nulla facilisi. Ut libero lacus, dictum quis mollis vitae, dictum a est. Duis accumsan magna nec nisl laoreet porttitor. Nulla eu leo dictum magna gravida blandit et a augue. In vel metus velit. Suspendisse potenti. Sed ultricies blandit diam vitae feugiat. Mauris eu consequat neque. Vivamus consectetur hendrerit velit ut vestibulum.

Nunc imperdiet magna id lacus accumsan eget tristique dui sollicitudin. Morbi massa dolor, placerat quis vulputate id, ultrices et justo. Aenean eget erat in nibh commodo eleifend quis sit amet nisl. Fusce eget odio at elit gravida egestas. Ut nec volutpat velit. Sed enim est, porttitor hendrerit suscipit sit amet, congue eget nisl. In ipsum urna, sollicitudin eu laoreet ac, ornare eu odio. Vivamus sagittis felis tincidunt tortor tempus pulvinar ac dapibus elit. Vivamus feugiat imperdiet enim ut adipiscing. Duis pellentesque, odio ac placerat molestie, sapien arcu sollicitudin turpis, sit amet consectetur mi enim vitae orci. Suspendisse cursus luctus tortor non accumsan. Donec hendrerit, erat dictum venenatis luctus, purus justo mollis nibh, ac fringilla ipsum mi eget nunc.

Sed et eros consectetur ante fermentum tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec tortor metus, semper sed fermentum a, interdum sit amet neque. Integer id orci ante. Suspendisse non magna quis lectus sodales dignissim sit amet eget lorem. Sed lacinia nibh quis massa laoreet in adipiscing augue luctus. Aenean sed tortor dui. Nunc in lectus id elit facilisis convallis. Proin ultrices bibendum sem vel consectetur. Integer ac placerat nisl. Fusce semper mi magna, ultricies consectetur dolor. Ut ultrices luctus molestie. Sed at eros eget orci dictum euismod.

In commodo adipiscing sapien, et vehicula purus aliquet feugiat. In pharetra, lectus sed malesuada congue, nibh nulla malesuada quam, non feugiat arcu est ut lorem. Duis varius mauris id augue porttitor a imperdiet libero ultricies. Morbi ut lectus et sapien ullamcorper lobortis non pretium orci. Donec nec nulla vitae urna mattis tincidunt in non eros. Fusce accumsan sapien ac leo iaculis et scelerisque mauris rhoncus. Ut a arcu vitae arcu venenatis auctor. Quisque dolor est, mollis at ullamcorper a, iaculis eu velit. Mauris tempor tortor ipsum. Maecenas ultricies nibh et nulla placerat et malesuada nulla pretium. Nullam quis dolor nulla, eu interdum urna. Vivamus in neque id lorem feugiat luctus vel sed mauris. Nam pulvinar, ante et laoreet rhoncus, felis nisi venenatis nisl, at hendrerit nulla metus ac purus. Phasellus id massa nec orci vestibulum congue sed vitae odio. Integer a quam semper urna imperdiet tempus. Nam ullamcorper pulvinar odio, sit amet mattis tellus mollis sed.

1 способ - Граница у тега body. Реализуем при помощи зафиксированных блоков.

2 способ - Граница у тега body. Реализуем на псевдо-элементах.

3 способ - Граница у тега body. Реализуем при помощи свойства box-shadow