仅以此纪念做的第一张海报

表示以后不想在做了,CSS真鸡儿难设计

CSS(有点杂乱)

*{padding: 0; margin: 0;}
@font-face {
	font-family:ONXY;
	src: url(../../font/FZJZJW.TTF);
}
body{
	background: url(../img/2.png) no-repeat center;
	background-position:24px 24px;
	margin: 20px;
	height: 700px;
	width: 1000px;
}
.all .totil{
	font-family:ONXY ;
	color: orangered;
	font-size: 80px;
	text-shadow:2px 2px 10px #000000;
}
.all .name,.studentID,.birthday{
	font-weight: 1000;
	font-size: 30px;
	color: orange;
	padding-top: 20px;
	text-shadow:1px 1px 1px #000000;
}
.all .name{
	padding-left: 80px;
}
.all .name em{
	font-size: 15px;
}
.all .studentID{
	padding-left: 120px;
}
.all .birthday{
	padding-left: 160px;
}
.all .name,.studentID,.birthday{
	font-family: ONXY;
	color: #ffc26c;
}
.all .name .name_name,.all .studentID em{
	font-size: 50px;
	font-style: oblique;
	color: #8279ff;
	font-family: "幼圆";
}
.all .birthday em{
	font-size: 40px;
	color: #8279ff;
}
.data h1{
	color: #FFFFFF;
	padding: 40px;
	padding-top: 20px;
	font-size: 50px;
	font-family:ONXY ;
}
.data em{
	font-size: 80px;
	color: #FF0000;
	text-shadow:1px 1px 20px #7FFF00;
}
.data .data_one,.data_two{
	font-size: 30px;
	padding-left: 200px;
}
.last{
	color: red;
	font-size: 80px;
	font-style: oblique;
	text-align: center;
}
.last .last_one{
	font-family: ONXY;
	text-shadow:3px 6px 1px  yellow;
}
.last .last_two{
	font-size: 50px;
	padding-top: 10px;
	color: cornsilk;
	text-shadow:5px 1px 1px #FF0000;
}


你可能感兴趣的:(HTML)