个性留言板_css样式实现留言气泡效果3643
气泡html
其中有两个朋友是假的。我不太明白,不爱何必装欣喜。 老爹说不能点名,因为万一见面, 你还是要假装热情,我还是要假装雀跃。 每天都有人指着我说:“哎,快看小金毛!” 我以为自己真的很小,看着走路经过的泰迪窜过草坪,在我家院子的栅栏钻来钻去,非常羡慕。于是鼓起勇气也去钻,结果卡在栅栏里了。 本来我打算用屁股先钻的,后来发现方向不太好把握,就用头先钻。才过去一只耳朵,半张狗脸动都不能动了。 其实还蛮疼的。 院子虽然很小,世界虽然很大,但不能钻出去,要堂堂正正从门口走出去,不然会被卡住脸。
气泡样式
.content{
	width: 650px;
	position: relative;
	left: 30px;
	background-color: #e2eff9;
	border-radius: 20px;
	padding: 10px;
	margin-top: 10px;
	word-wrap: break-word;
}

.content:hover{
	text-shadow: 1px 1px 1px gray;
}

.content:after{
	content: "\00a0";
	display: block;
	position:absolute;
	top:15px;
	left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 20px 10px 0px;
	border-color: transparent #e2eff9 transparent transparent;
}
      立即下载 ( 文件大小:0.47 M)

    浏览器兼容性

    1. IE 8
    2. IE 9
    3. Mozilla Firefox
    4. Google Chrome
    5. Oper
    6. Safari

    技术讨论区

    1. 请先登录

        发 布

    键盘快捷键: 上一个 下一个