样式表属性

最新推荐文章于 2023-08-19 11:34:11 发布

weixin_30378623

最新推荐文章于 2023-08-19 11:34:11 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dej-11/p/7366093.html

通过样式表编辑可以对网页进行美化，得到不同的视觉效果。背景样式属性，可以设置背景图是否固定：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