看看css中这个圆角边框什么意思?
发布网友
发布时间:2022-05-18 11:25
我来回答
共3个回答
热心网友
时间:2023-10-15 17:01
css写成display:block;代表b标签变为块状元素了,就像div一样,可以对其进行设置了。不写这个,接下来的设置是不起作用的,可在浏览器里全选,就能看到b是一个块状区域。overflow:hidden;表示对溢出的部分隐藏,你可以试试删除这行,就能看到.m1的宽度了,我把它的颜色设成红色了,很明显能看出区别来。.m1是横行.r是竖行,.m2是横行和竖行连接的拐角,这就形成了圆角。.r的颜色是蓝色的,.m2的颜色是黑色,在浏览器里放大就能看到了。下面是改过的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
b{display:block;overflow:hidden;height:1px; width:222px;}
.m1{margin:0px 2px; background:#ff0000}
.r{border-color:#0ff;border-style:solid;border-width:0 1px;clear:both; width:224px;}
.m2{margin:0 1px;border-color:yellow;border-style:solid;border-width:0 1px;clear:both;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<b class="m1"></b>
<b class="m2"></b>
<div class="r">用CSS实现圆角边框效果的方法</div>
<b class="m2"></b>
<b class="m1"></b>
热心网友
时间:2023-10-15 17:02
这样,你在网上搜"CSS2.0&3.0网站前台开发视频教程",这是李天生老师最新推出的一部CSS教程,长达三百多集。可以说是现在最全面深入讲解CSS的视频教程了。在这部教程里有介绍
热心网友
时间:2023-10-15 17:02
圆角是一种特效吧