样式表属性

      通过样式表编辑可以对网页进行美化,得到不同的视觉效果。背景样式属性,可以设置背景图是否固定: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);
                /*扭曲*/
            }
原文地址:https://www.cnblogs.com/dej-11/p/7366093.html