CSS是网页设计中极为重要的一部分,其中对于文字的美化是不可或缺的。我们有时需要在文字中加入特殊的标志,比如在左上角加一个小字,这时候就需要用到CSS代码了。
/*添加左上角小字样式*/ .smallText{ position: absolute; left: 0; top: 0; font-size: 12px; color: #fff; background-color: red; padding: 2px 5px; }
代码中首先定义了一个.smallText的样式,接着使用了position属性将其定位到页面左上角,left和top属性指定了位置,font-size属性改变了文字大小,color属性定义了文字颜色,background-color定义了背景色,padding属性设置了文字和边框的间隔。
我们可以在HTML中对想要添加小字的内容加上<span class="smallText">小字</span>
,其中 class 属性对应的是定义的样式名。
通过这样的方式,我们就可以方便地在页面上实现如此细小却重要的装饰效果。