！声明文档类型

超文本标记语言

头

meta charset='utf-8 '

标题/头衔

/head

身体

div style=' height: 50px'/div

div class='zhuzi_content '

div class='top'/div

div class='left'/div

div class='right'/div

/div

样式类型='text/css '。zhuzi_content {

相对位置：

宽度： 100像素；

高度： 600像素；

margin: 0自动

}。top {

宽度： 100像素；

高度： 31px

背景技术： rgba(102，219，234，1)；

位置：

top :-30px；

左： 0px

变压器： 旋转(45 );

变压器：偏斜(299.5度)旋转(18度);

z指数： 100；

}。左{

位置：

top : 0；

左： 0；

宽度： 41%;

高度： ;

变压器： 偏斜(0度，35度);

背景-图像：线性-梯度(180度，rgba(102，219，234，0.6)0%，rgba(102，219，234，0.08)；

}。右{

位置：

top : 0；

右： 0；

宽度： 60%;

高度： ;

变压器： 偏斜(0度，-27度);

背景-图像：线性-梯度(180度，rgba(102，219，234，0.6)0%，rgba(102，219，234，0.08)；

}

/style

/body

/html

效果：