自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 border-image属性总结

border-image是一个挺“复杂”的属性,主要使用场景有:元素边框不规则的情况。这时候,就需要用设计图作为边框背景,border-image与background-image相比,好处是更具灵活性,可以用代码控制边框背景的拉伸和重复,因而能够创造出更多样的效果 按钮宽高不确定的情况。用border-image来制作按钮,可以用同一张背景图,制造出各种宽高的按钮。菜鸟、W3SCH...

2019-04-19 17:06:06 3320

原创 网站导航栏做法汇总

网站导航条的通常需求有:在页面中水平居中; 宽度和内容区一样,例如1200px; 导航菜单项平均分布在导航条当中,并且两端对齐。(主要是这一条较为需要斟酌如何实现)目前总结的几种实现方法:将<li>标签设置float:left。【不足】:需要精确计算<li>的宽度。如果每个<li>的字数一样,可以通过导航条宽度除以菜单项数量,得到width。...

2019-04-19 16:57:38 898

原创 CSS实现无外边框列表效果

方法一:使用外层容器切割给每一个 li 设定右边框和下边框线把ul放置在一个外层div中,设定div的宽高,通过overflow:hidden将一部分li的边框隐藏此方法只需要计算父容器的宽高,能应付任何行与列数,推荐使用。CSS部分:body{background: #f3f3f3;}ul, li{list-style: none; padding: 0; margin: 0;}...

2019-04-19 16:55:54 674

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除