1、圆角边框定义圆角边框后,可以将盒子定义为圆角的(1)长度方式盒子模型外边距
          div{
              width: 200px;
              height: 100px;
              background-color: yellowgreen;
              border-radius:3px;
                      
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-04 22:28:58
                            
                                1569阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            文字阴影文字阴影的语法格式:text-shadow:水平向右的偏移值 向下的偏移值  迷糊度 阴影的颜色,水平向右的偏移值 向下的偏移值  迷糊度 阴影的颜色;可以有多个阴影,但是在实际的项目中最多一个阴影就可以了。<style>    div {        font-size: 100px;        text-align: center;        /* 水平方向向右移            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-23 00:51:00
                            
                                363阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3边框阴影实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3边框阴影</title>
<style> 
div
{
width:300px;
height:100px;
background-co            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-10-15 14:16:43
                            
                                1293阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法,这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-09-04 23:37:49
                            
                                859阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ient、透明度RGBA、边框圆角box-radius三个新属性的使用方法,这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时,大家在网页设计中阴            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-28 19:31:43
                            
                                330阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            阴影的详细用法。 转自:https://www.cnblogs.com/nyw1983/p/11348568.html ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-12 14:26:00
                            
                                937阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、为文本添加阴影 text-shadow    使用 text-shadow,可以在不使用图像表示文本的情况下,为段落、标题等元素中的文本添加动态的阴影效果。(有继承性)    浏览器兼容:IE、Chrome、Firefox、Opera、Safari等所有主流浏览器都支持 text-shadow 属性。Internet Expl            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-23 11:02:08
                            
                                2506阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. CSS3渐变渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片gradient可以应用在所有接受图像的属性上1.1 分类:线性渐变(linear-gradient)变化的方向是一条直线径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动1.2. 线性渐变 (linear-gradient)用于            
                
         
            
            
            
            作者:艺灵设评:1 | 阅:28372 | 积分:0网页中的阴影效果给人一种朦胧的感觉,一个设计者在设计页面时经常会用到阴影,圆角,半透明,渐变等效果.而对于好看的效果在网页实现中却显得很棘手.而这些棘手的问题在css3下一切都已经不是问题.下面以本站的阴影效果为例,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-07-18 12:17:44
                            
                                1200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break CSS3 的文本阴影 CSS3 中,text-shadow属性适用于文本阴影。 您指定了水平阴影,垂直阴影,模糊的距离            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-15 15:00:09
                            
                                307阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。 语法: CSS text-shadow: h-shadow            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-08-04 15:30:00
                            
                                327阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css3 文字渐变            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-08 09:52:46
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             <!DOCTYPE html>          <html>          <head>              <meta charset="UTF-8">          <meta name="viewport" content="width=device-width, initial-scale=1.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 17:11:44
                            
                                443阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3 渐变文字 徐同保            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 20:50:43
                            
                                478阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            box-shadow是给元素块添加周边阴影效果语法:对象选择器 {box-shadow:X轴偏移量 Y轴偏移量阴影 模糊半径 阴影扩展半径 阴影颜色 [投影方式]}box-shadow: h-shadow v-shadow blur spread color inset;值描述h-shadow水平阴...        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-08-30 09:20:00
                            
                                395阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            圆角边框在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。border-radius属性设置元素的外边框圆角borde            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-20 10:45:45
                            
                                573阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            演示地址https://www.css88.com/tool/css3Preview/Box-Shadow.htmlbox-shadow:2px -6px 5px #333333;            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-21 14:24:25
                            
                                161阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS3盒子阴影属性box-shadow也是CSS3新增的一个重要属性,用来定义元素的盒子阴影。inset:阴影类型,可选值。如果不设置,其默认的投影方式是外阴影;如果取其唯一值“inset”,就是给元素设置内阴影。x-offset:阴影水平偏移量,其值可以是正负值。如果取正值,则阴影在元素的右边,反之取负值,阴影在元素的左边。y-offset:阴影垂直偏移量,其值可以是正负值。如果取正值,则阴影            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-10-03 13:11:01
                            
                                785阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            box-shadow: 10px 10px 5px #888888; box-shadow:px2rem(5) px2rem(20) px2rem(20) #921613;            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-20 16:50:00
                            
                                172阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            效果图如下:index.html<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>CSS3实现曲线阴影和翘边阴影</title>    <style>        /*源于imooc的学习*/        body            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-28 18:26:35
                            
                                260阅读
                            
                                                                             
                 
                
                                
                    