多语言展示
当前在线:536今日阅读:154今日分享:43

css 实现一个正方形四个边角加粗

发现用css可以,经思考,可以实现比较有意思或者复杂的样式。当你用css写出一个比较复杂的样式的时候,其中的乐趣不言而喻。下面我就分享一下偶然写的一个样式。
工具/原料
1

css

2

html

方法/步骤
1

先看一下效果图:

2

css样式: 

4

效果图,如上。大家可以测试一下。由于原理很简单,这里就不详细说明了。只要弄清position:relative,border和left,top之间的关系就可以了。难的是大家可能没有想到这样写。欢迎指正。

推荐信息