CSS样式

margin:0px; /*内边距0px*/
padding:0px; /*外边距0px*/

width:100px; /*宽度100px*/
height:100px; /*高度100px*/
border:1px black solid; /*边框 1px 黑色 实线*/
background-size:80; /*应用于插入图片 插图尺寸大小80%*/
background-repeat:no-repeat; /*图片不重复*/
background-position:0px 10px; /*背景图位置 根据XY轴坐标*/
background-attachment:local; /*超出部分滚动条*/
overflow:scroll; /*超出部分：滚动 出现一个滚动条*/
font-size:20px; /*字体大小*/
font-family: "楷体"; /*字体样式楷体*/
font-style:italic; /*字体倾斜*/
text-decoration:underline; /*字体描述：下划线 上划线是overline*/

按钮效果：

*/hover{
background-color:#3F3; /*鼠标移动上去变颜色*/
cursor: pointer; /*鼠标移动上去变成小手*/
transition:0.5s; /*0.5秒变颜色*/
border-radius:50px; /*变圆角*/
box-shadow:5px 5px 5px black; /*阴影 右 下 虚化 文字阴影是text-shadow*/
transform:rotate(360deg); /*鼠标移动上去按钮旋转*/
/*直接在里面加入margin-laft 可实现平移*/
opacity:0.5; /*半透明效果*/
transform:rotatex(360deg); /* x轴/y轴/z轴 在rotate后面加上 可实现3D旋转 速度在变颜色那里调 */
}

列表格式：

a{
text-decoration:none;
color:#000;
}
a:visited{

}
/*列表常用样式：list-style:none; 不显示列表格式
float-left； 水平排列
list-style-image:url 后面加图片地址 可以让列表前面的格式变为图片*/
/*隐藏占用位置： visibility：hidden; 隐藏不占位置：display:non

转载于:https://www.cnblogs.com/q47874916/p/7215950.html