css文本操作

border 属性

        border-width 设置border的宽度

        border-color 设置border的颜色

        border-style 设置border的样式

        他们三个也可以合写:

        border: width style color;

        border 可以单独给某一个边设置border

        border-top     设置  上边

        border-left    设置  左边

        border-bottom  设置  下边

        border-right   设置  右边

        常用的 border-style 值

             1.solid  实线

             2.dotted 圆点虚线

             3.dashed 短线虚线

             4.none   隐藏border

             5.double 双实线(不常用)

             6.3D边框

               groove 3d凹槽

               ridge  3d凸槽

               inset  内嵌

               outset 外嵌

        border-radius  设置圆角

                border-radius:左上 右上 右下  左下;

                左上!=右下 右上 =  左下

                border-radius:左上 右上 右下  ;

                左上=右下 右上 =  左下

                border-radius:左上 右上   ;

                左上=右下 =右上 =  左下

                border-radius:左上  ;

        实质上每一个角的上面,都有一个水平半径和一个垂直半径如果每一个方向上的半径不同,则需要写成 水平半径/垂直半径

        color 属性,设置文本颜色

        值:

        1. 英文单词

        2. 16进制颜色 0-f ,# 后面跟6位表示颜色的数字,前两位表示   红 色, 中间两位表示绿色,后两位表示蓝色,#aabbcc

        如果 两两相等,则可以简写为 #abc

        3.rgb(),rgba()设置颜色

           括号当中设置对应的数字,0-255 , 0 表示黑色,255 表示白色

           rgb(255,0,0)红色

           rgba 中的a 表示透明度,取值范围是0-1,0表示完全透明,1表示完全不透明

        文本修饰(text-decoration)

          值:

              1. underline    下划线

              2. overline     上划线

              3. line-through 中划线(删除线)

              4. none         去掉线(没有文本修饰线)

        文本转化 (text-transform)

          值:

              1.lowercase  全部小写

              2.uppercase  全部大写

              3.capitalize 单词的首字母大写

        行高 (line-height)

           对于单行文本,line-height 设的高度如果和标签高度相同,则可以做 垂直居中效果

           如果是多行文本,可以理解为行间距

        direction 设置文字方向

        ltr 默认,从左到右

        rtl 从右向左

        text-indent 首行缩进,他的值是具体的数值

        word-spacing:设置 两个单词之间的距离

        letter-spacing:设置 两个字符之间的距离(中文属于字符)

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值