一、线性渐变在CSS中部分属性需要添加浏览器前缀-moz-:表示火狐内核浏览器-webkit-:表示谷歌内核浏览器-ms-:表示IE内核浏览器-o-:表示欧朋(opera)内核浏览器<style>
.div1{background-p_w_picpath:linear-gradient(to top,red,green);width:400px;height:180px;}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-07-05 21:34:37
                            
                                781阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3属性calc函数(CSS3)<!DOCTYPE html><html lang="en"><head>    <meta charset="\            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:06:01
                            
                                223阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3属性选择器(CSS3)<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-eq            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:11:02
                            
                                504阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            "CSS" 列指示该属性是在哪个 CSS 版本(CSS1、CSS2 或 CSS3)中定义的。CSS3 动画属性(Anima            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-04-05 22:46:29
                            
                                83阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3动画的常见属性(CSS3)<!DOCTYPE html><html lang="en"><head>    <meta charset="\            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-20 10:05:54
                            
                                329阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            强大的选择器    允许在标签中指定特定的HTML元素,而不必使用多余的类、ID、或者js脚本。    高级选择器可以避免在标签中添加大量的class、id属性,从而更加简洁和轻量,更方便于维护。半透明度效果    RGBA和HSLA不仅可以设定色彩,还能设定元素的透明度。&nb            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-06-18 16:07:14
                            
                                631阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            "常说,要认识一个人 ①,大概了解一下背景,然后见面时打招呼讲什么语言规矩范礼 ②,她回应了,声音很好听,你会继续选择 ③ 用选择什么语气对待?而且又怎么漂亮,相信自己不会拒绝 ④ 的,来预先处理 ⑤ 好情绪,好让彼此能有一个新的开始 ⑥,给生活一个甜美的谜底吧 ⑦ "——有心人做有心事哦,晚安EmilyChen!(一)CSS简介CSS(Casadaing Style Sheet)层叠样式表,她的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-04 21:58:25
                            
                                214阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS3 边框: border-radius(倒圆角)box-shado            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-09 08:38:40
                            
                                70阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3新特性 CSS3是最新的CSS标准,旨在扩展CSS2.1。 圆角 通过border-radius属性可以给任何元素制作圆角。 border-radius: 所有四个边角border-*-*-radius属性的缩写。 border-top-left-radius: 定义了左上角的弧度。 bor            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-28 00:02:33
                            
                                205阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            继CSS2之后,CSS3增加了很多新的特性,虽然W3C仍在规范中,但是很多新的CSS3属性已经在很多现代浏览器中得到了支持。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-21 22:39:27
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、属性选择器属性选择器可以根据元素特定属性来选择元素,这样就可以不用借            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-20 10:38:41
                            
                                119阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            圆角边框 border-radiusborder-top-left-radius  左上角的形状border-top-right-radius  右上角的形状border-bottom-left-radius  左下角的形状border-bottom-left-radius  右下角的形状border-top-left-radius:40px 20px;border-bottom-...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-11 09:30:13
                            
                                116阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            简介: 现如今,随着 Web2.0 技术的流行,之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求:人们需要实现更加美观、用户体验更好的界面。CSS3,这个新一代的标准应运而生。为了满足现有的对于 Web UI 的开发需求,它提供了一系列强大的功能,如许多新的 CSS 属性(文字,布局,颜色等等),各种 CSS 特效,甚至还支持 CSS 动画、元素的变换。这些 CSS 新特            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-10-12 19:13:00
                            
                                41阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 属性选择器<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-16 02:40:14
                            
                                128阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             css3中关于Border的属性一共有三个:圆角border-radius,图片边框border-p_w_picpath,边框多颜色border-color,其中圆角border-radius是常用的一个属性。
一、圆角border-radius
1、语法
border-radius : none | <length>{1,4}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-01-07 14:25:06
                            
                                1189阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3过渡多年来,Web前端开发人员一直在寻求通过HTML和CSS实现一些动画交互效果,而不再使用JavaScript或Flash。现在他们的愿望实现了。CSS3除了给我们带来前面介绍的一些特殊功能模块之外,还为Web设计师添加了一些动画功能模块。可以通过:hover、:focus、:active、:checked或者JavaScript触发一个元素,这样,外观变化会显得更细腻,而不会让人感觉“            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-10-08 14:09:38
                            
                                1126阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS3 transform 属性实例旋转 div 元素:div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transf...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-08-07 20:08:00
                            
                                124阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            圆角 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>talk</title> <style type="text/css"> div { position: relative; width: 500px;  ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-20 10:33:00
                            
                                120阅读
                            
                                                                                    
                                2评论