当前位置: 首页 > 工具软件 > CSSS > 使用案例 >

常用的csss属性

贺浩壤
2023-12-01

常用的csss属性-内容概要

  • 文字

  • 字体

  • 背景

  • 边框          

  1.   字体属性

               属性名称                               属性值                                          说明

           font-family                              字体                                              修改文字字体

           font-color                               px/cm/%                                       修改文字大小

           font-style                               normal(正常)                             字体风格

                                                          italic(斜体)                                 

           font-weight                           normal(正常)                             字体加粗

                                                         bold(加粗)

     2.  文本属性

                属性名称                                 属性值                                     说明

              letter-spacing                          长度                                        字母间隔,如许使用复制

              Word-spacing                          长度                                        文字间隔

              text-decoration                        underline(下划线)              文本修饰

                                                               overline(上划线)

                                                                line-through(删除线)

                                                                none(无)

              text-align                                   left(左对齐)                        文本对齐方式

                                                                center(居中)

                                                                right(右对齐)

                                                                 justify(两端对齐)

              text-indent                               长度或者百分比                     文本缩进,若为百分比那么视父级元素的宽度的决定

               text-height                                长度或者百分比                     行高

 

      3.   背景属性

                  属性名称                             属性值                                              说明

               background-color             英文单词/rgb/十六进制                        设置背景颜色

               background-image           图片URL                                               设置背景图片

               background-repeat           repeat(平铺)                                    背景重复设定

                                                         repeat-x(横向平铺)

                                                         repeat-y(纵向平铺)

                                                         no-repeat(不平铺)

              background-attachment     scroll(滚动)                                     背景是否跟随滚动条滚动

              background-position            top

                                                            bottom

                                                            center

                                                            left

                                                            right

 

       4.  边框属性

                 属性名称                                属性值                                                说明

             border-color                            英文字母/rgb/十六进制                        边框颜色

             border-width                           像素                                                     边框宽度

             border-right                             sold(实现)                                       边框样式

                                                              dashed(虚线)

                                                              double(双实线)

 

 

 

  注: 以缩进方式写上,下,左,右边框单独css样式设置方式

                   1:1px黑色虚线上边框

                                     border-top:        1px dashed #000

                   2:1px黑色实线下边框

                                     border-bottom:    1px  solid #000

                   3:1px黑色虚线左边框

                                     border-left:  1px dashed #000

转载于:https://my.oschina.net/u/3455963/blog/898759

 类似资料: