通过样式表编辑可以对网页进行美化,得到不同的视觉效果。背景样式属性,可以设置背景图是否固定:background-attachment:fixed(图片固定)/local(图片随字体滚动)background-color: rgba(255,0,0,0.5)0.5表示背景透明度。背景图片位置调整background-position-y: -288px;,通过平铺效果可以将渐变色图片在网页中排版。可以通过样式属性调整,增加网页中的图片效果。transition: 2s;图像动态时间设定,border-radius: 50%;图像边框固定角度设置,border-radius: 10px;图像固定角度,比百分数幅度小,box-shadow: -1px -1px 1px black;图片阴影设置,text-shadow: 1px 1px 1px green;文字阴影。
鼠标指向变化
/*鼠标指向有变化显示*/
.btn:hover{
cursor:pointer;
/*鼠标变成小手*/
background:blueviolet;
/*背景渐变色*/
color: white;
/*文字渐变色*/
/*transition: 2s;*/
/*渐变时间*/
/*border-radius: 50%;*/
/*渐变角度*/
/*border-radius: 50px;*/
/*渐变角度,比百分数幅度小*/
/*transform:rotate(45deg);*/
/*旋转角度*/
/*transform:translate(45deg;*/
/*x轴移动距离*/
/*transform: rotateX(180deg);*/
/*上下翻转*/
/*margin: 200px;*/
/*移动效果*/
transform: skewX(45deg);
/*扭曲*/
}