原文:百度前端笔试题目--css 实现一个带尖角的正方形

今天在牛客网上看到这道题,发现自己并不会,看来自己css都没怎么学习,也不怎么会用。看了下答案,不是很明白,也在网上搜集了一些资料和解法,感觉一些同学博客上也写了一些解法和拓展,所以就在这里借鉴一下咯。 参考地址:http: www.ithao .cn content .html 实现图示的效果涉及到的知识主要有两点:一个是before after伪元素,一个是border before 和 af ...

2015-09-14 10:43 2 2944 推荐指数:

查看详情

CSS 实现自适应正方形

在处理移动端页面时,我们有时会需要将banner图做成与屏幕等宽的正方形以获得最佳的体验效果,比如,商品详情页, 方法1、CSS3 vw单位 CSS3 中新增了一组相对于可视区域分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度分比的单位,1vw ...

Thu May 10 02:24:00 CST 2018 0 1776
css一个正方形方块垂直居中

这里有top和margin-top的区别,top(left,right,bottom)是绝对定位,要用position,margin-top是相对定位,相对于相邻的元素或者父元素。 ...

Sun Jul 06 04:19:00 CST 2014 0 3175
css实现自适应正方形的方法

来计算的。 所以,实现一个自适应的正方形,可以有两种写法: 可以这么写: ...

Sat May 13 01:45:00 CST 2017 2 6187
百度笔试题目剖析——拼写纠错

网上流传的百度笔试题目部分附有答案。但一家之言,难免偏颇。 题目: 在用户输入英文单词时,经常发生错误,我们需要对其进行纠错。假设已经有一个包含了正确英文单词的词典,请你设计一个拼写纠错的程序。 (1)请描述你解决这个问题的思路; (2)请给出主要的处理流程,算法,以及算法 ...

Mon Sep 10 04:10:00 CST 2012 0 3508
css实现正方形div的3种方式

网上百度了几种可以按照分比画方框的方法 1.CSS3 vw 单位 1vw = 1% viewport width 实测不管用(chrome,版本 49.0.2623.110) 2.padding-bottom 这个确实管用,但是没有办法在里面写字 ...

Fri Aug 12 00:05:00 CST 2016 0 7371
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM