1-7编程题

首页课程实战体系课手记专栏慕课教程

1-7编程题

来源：1-8 新文本属性（text-align-last和text-overflow）

慕雪1434180

2018-01-18 23:59:44

老师，不知道为什么我的hover总是实现没效果，好纳闷

<!DOCTYPE html>

<html>

<head>

<title>text-overflow</title>

p { width: 500px;font-size:20px; margin: 10px auto; background: #abcdef;}

/*此处写代码*/

.p1{overflow:hidden;text-overflow:ellipsis;}

.p1:hover{display:block;}

.p2{overflow:hidden;text-overflow:clip;}

.p2:hover{display:block;}

</style>

</head>

<body>

<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

</body>

</html>

写回答

1回答

小丸子爱吃菜

2018-01-19

在这段代码中，p标签本就是块级元素，hover上去时的样式你换一个，比如color或者背景颜色。

祝学习愉快！

0 学习 · 5012 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1