zoukankan      html  css  js  c++  java
  • CSS3文本属性

    text-shadow(文本阴影)

      <h1>我有文字阴影</h1>

        h1{

          color:#ffff00;

          text-shadow:1px 2px 2px #000000;

        }

      text-shadow: 横向偏移量(必选)  纵向偏移量(必选)  模糊范围(可选)  阴影颜色

              

    text-overflow(省略号文字截断)

      <div>这是一个盒子装不下的长文本<div/>

        div{

          width:150px;

          border:1px solid #000000;

          white-space:noWrap;       //将文本强制显示在一行

          overflow:hidden;   //超出盒子部分隐藏

          text-overflow有两个值:

            clip:默认值,表示文本截断。

               ellipsis:显示省略号来代表被截断的文本。

          text-overflow:ellipsis;  

        }

      

    word-break和word-wrap(长文本换行显示):

      </div>I love you sooooooooooooooooooooo much!</div>

        div{

          150px;

          border:1px solid #000000;

          word-break:break-all;            //换行显示

          word-wrap:break -word;  //单词重启一行显示

        }

     

  • 相关阅读:
    【Java学习】常用DOS命令
    【Java学习】J2EE,J2SE,J2ME区别
    自考之旅(五)
    数据结构 思维导图
    信息系统开发与管理 思维导图
    win10系统定时自动切换深色模式
    精英都是细节控
    架构师培养计划——热身训练
    计算机网络原理 思维导图
    自考之旅(四)
  • 原文地址:https://www.cnblogs.com/xiaowie/p/9815886.html
Copyright © 2011-2022 走看看