一个div,<div class=”square”></div>
不设置背景色,只设置边框,和宽高
.square{
width:100px;
height:100px;
border:1px solid red;
}
html如何设置单行文本框圆角为正方形
p{
border-top-left-radius: 4px;//左上
border-top-right-radius: 4px;//右上
border-bottom-left-radius: 4px;//左下
border-bottom-right-radius: 4px;//右下
}
下面为简写:
p{
border-radius: 4px 0px 0px 0px ;//分别对应的左上 右上 右下 左下(顺时针记就对了)
}
html里文字前面的小方框是怎么实现的?
这样的无序列表要做到每个浏览器效果一致的话一般都是使用li的backgroud图片实现的。
如果对这个要求不高可以用css的list-style-type,这个属性是css自带的。
html代码表格 怎么做那种小小的正方形表格
不要用table,兼容性不好
<style>
.left{ float:left;width:50px;height:50px; border:1px solid #ccc;}
</style>
<div id=”bigbox”>
<div class=”box1″><div class=”left”></div><div class=”left”></div><div class=”left”></div><div class=”left”></div><div style=”clear:both;”></div></div>
<div class=”box2″><div class=”left”></div><div class=”left”></div><div class=”left”></div><div class=”left”></div><div style=”clear:both;”></div></div>
<div class=”box3″><div class=”left”></div><div class=”left”></div><div class=”left”></div><div class=”left”></div><div style=”clear:both;”></div></div>
<div class=”box4″><div class=”left”></div><div class=”left”></div><div class=”left”></div><div class=”left”></div><div style=”clear:both;”></div></div>
<div class=”box5″><div class=”left”></div><div class=”left”></div><div class=”left”></div><div class=”left”></div><div style=”clear:both;”></div></div>
</div>
新手请教html怎样用div画出下面这个图的,就是在网页中画出正方形框?
<html>
<head>
<style>
.main{width:1000px;margin:0 auto;border:1px solid red;}
.main ul li{width:400px;height:400px;float:left;background:#000;list-style:none;margin:25px;}
.cl{clear:both;}
</style>
</head>
<body>
<div class=”main”>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<div class=”cl”></div>
</ul>
</body>
</html>
代码是正方形的,图扁了。