做网页时适当的给div设计成气泡框的样式可以给网页带来很大的美感,那么如何用代码来实现呢?小编就来和大家讲讲!
工具/原料
1
sublime或记事本等任意一款网页编辑器
2
windows电脑一台
3
html+css基础
方法/步骤
1
新建一个html文件
2
在该文件内写入html代码
3
在head标签里编写css部分
4
保存并在浏览器运行,先来做个预览看看效果如何了
5
继续完善,镂空小三角,先来修改html代码部分
6
再来修改css部分
7
从新保存,在浏览器查看,至此完成了,达到了预期的效果,是不是很酷!
注意事项
本例编写代码用的sublime,不会用的也可以使用其他编辑器。
上一篇:qq怎么设置聊天框的多彩气泡?
下一篇:蚊子是如何吸血的