样式表 文字
<style>
.c4{
width: 100px;
height: 50px;
/* background-color: #00008B;*/
/*background:cornflowerblue*/ /*背景色*/;
/*居中*/
text-align: center;
line-height: 50px;
/*圆角*/
/*border-radius: 50%;*/
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
/*阴影*/
box-shadow:2px 2px 1px #DC143C ;
text-shadow: 2px 2px 1px #7FFF00;
/*过渡效果*/
/*transform: 10s;*/
background: rgba(255,0,0,0.3);
}
.c4:hover{
/*旋转*/
transform: rotate(360deg);
/*触发时间*/
transition: 3s;
/*鼠标改变图案*/
cursor: pointer;
/*扭曲*/
transform:skewX(20deg);
}
</style>
</head>
<body>
<div class="c4">
c991
</div>
</body>
</html>
