分栏信息php源码,直播源代码简短的代码实现分栏博客页面

html页面

html>

DIY

            

个性签名：hhhhhhhhhhhhhhhhhhhhhhhha

链接

XX的文章

• article1

• article1

• article1

css页面

*{

box-sizing: border-box

}

/* 标题 */

.app-header {

padding: 2.5em;

background: #242930;

text-align: center

}

/* 头像 */

.app-header-avatar {

max-width: 15rem;

max-height: 15rem;

border-radius: 100%;

border: .5rem solid #57cc8a

}

body {

/* margin: 0;

font-family: sans-serif; */

background: #353b43;

color: #afbac4

}

/*控制页面适应屏幕变化*/

@media(min-width:940px) {

.app-header {

position: fixed;

top: 0;

left: 0;

width: 20rem;

min-height: 100vh

}

.app-container {

max-width: 65rem;

margin-left: 20rem

}

}