nbly.net
当前位置:首页>>关于css怎么编写一个红色正方形的资料>>

css怎么编写一个红色正方形

就用div就行了啊 .square{ width:100px; height:100px; background:#F00;}

正方形,宽高给一样就可以了 圆形加个 border-radius就ok了

div中float4个div 1/2宽的li 每个li一种颜色

your browser does not support the canvas tag var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; //颜色 ctx.fillRect(0,0,80,80); // x,y,长度,高度

DIV的宽度就设置为50%,然后JS获取DIV的宽度附给高度就行了, document.getElementById("test").style.height=document.getElementById("test").offsetWidth;

首先,把宽和高设为同样的固定值,则肯定是正方形,这个不用多说; 其次,如果是自适应的界面,需要用百分比来设置正方形的边长,则可以用css3的新增长度单位vw、vh来设置,1vw等于视口宽度(viewport width)的百分之一,也就是说100vw就是视口...

如果就是单层并且是最外层的div的话是可以写宽度是50%的,但是想要正方形只能借助javascript了。因为是正方形,高度要和宽度一样。

1、获取屏幕的总宽度 2、然后这个宽度的0.5倍,赋值给DIV的宽度 3、然后将值再赋给DIV的高度。

画矩形: 画垂直线(以上例 放中间):

方法:可以设置一个盒子,给盒子设置宽高,加border边框,就可以形成正方形了。

网站首页 | 网站地图
All rights reserved Powered by www.nbly.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com