1、打开开发工具,新建一个HTML文件。
2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。
3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。
4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。
5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。
6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。
在CSS中,text-overflow:ellipsis可以在文本隐藏时候在文本末尾加入省略号。所以如果Html里是用li写的。
li{text-overflow:ellipsisoverflow:hiddenwhite-space:nowrapdisplay:blockword-break:keep-all
本身不链接或者hover功能的元素也是可以实现它内部的元素隐藏
这样子就可以,你可以把li改成你的元素。