在CSS中,在文字前加入图案,常常用来强调特定的内容或者完成某些特别的设计效果。下面介绍两种方法实现在文字前加上图案。方法一:使用CSS中的background属性,将background和text-
p { background: url('图案路径') no-repeat left center; text-indent: 20px; /*文本缩进*/ }
p:before { content: ""; /*生成额外的内容*/ display: inline-block; /*行内元素*/ width: 20px; /*宽度*/ height: 20px; /*高度*/ background: url('图案路径') no-repeat center center; /*图案路径*/ margin-right: 10px; /*与文字的间距*/ }
粉丝
0
关注
0
收藏
0