通过css伪属性给div加小图标

通过css伪属性给div加小图标
不换行，同时变。。。

 .freak{width: 100px;height: 100px;background-color: pink;position: relative;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}.freak:after{content:"";width: 10px;height: 10px;background-color: red;display: block;position: absolute;bottom: 0;right: 0;}
<div class="freak">我附近的看法健身房开始了尖峰时刻老骥伏枥帅酷减肥
</div>

通过css伪属性给div加小图标相关推荐

css代码实现各式各样的icon小图标
下载地址 css代码实现各式各样的icon小图标样式 dd:
如何用css显示一个图片中多个小图标
CSS显示一个大图片中的多个小图标,主要是用background-position这个属性来控制的. 先看下面这张300*300的大图片,每个小图标是100*100的.(这张图片名字叫9pic2.jp ...
html中图片只是一个小图标,如何用css显示一个图片中多个小图标？
去搜一下css中background的用法,一切尽在其中. 最重要的一点是你要了解背景图片在控制项中显示的起始位置,控制项的高度,宽度. 以下是简要分析,你还要实践一下才能掌握真谛: 对一个宽度40 ...
CSS伪类的又一个小应用，实现下拉菜单
实现思路: 菜单包含在一个div中,div的高度为30px,菜单长度为120px.设置div的overflow为hidden. 这样菜单的剩余90px的内容被隐藏了. 当hover的时候,把div的o ...
css与父元素高度一致,制作CSS伪元素:与父div相同的高度
Tushar Chutani 5 html sass css3 我有一个父div必须在它的边缘有一个蓝色背景.我决定使用:在psedoeelement之前做到这一点.我将位置设置为绝对值,高度设置为1 ...
让dede织梦显示最新文章前面加小图标
dedecms最新文章加上红色new字或new图标当天发布的文章加上红色new字或new图标(可以是各种图标,自己尽情发挥吧!) 红色的(new) [field:pubdate runphp='ye ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...
html 实心圆点,css伪元素实现箭头和关闭图标及环形实心圆点
关闭按钮效果的实现 .close{ display: inline-block; width: 14px; height: 1px; background: #ccc; transform: rota ...
php网站标签加小图标,phpweb如何添加ico图标
phpweb如何添加ico图标网站ICO图标对加强用户对自己网站的印象有着不可估量的作用,今天教大家6步轻松添加ICO图标. 第一步.准备工作在添加之前,我们要先准备好一个有意义或者印象深刻的IC ...

通过css伪属性给div加小图标

通过css伪属性给div加小图标相关推荐

最新文章

热门文章