<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ie8--border-radius</title>
<style>
*{
margin: 0;
padding: 0;
}
.box {
width:256px;
height:190px;
text-indent:2em;
font-size:2em;
font-family:'华文新魏','华文行楷','微软雅黑';
color:#a6813c;
position:relative;
zoom:1;
z-index:2;
background-color: red;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(ie-css3.htc);
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html> ie-css3.htc下载地址:http://pan.baidu.com/s/1sl7zFad
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ie8--border-radius</title>
<style>
*{
margin: 0;
padding: 0;
}
.box {
width:256px;
height:190px;
text-indent:2em;
font-size:2em;
font-family:'华文新魏','华文行楷','微软雅黑';
color:#a6813c;
position:relative;
zoom:1;
z-index:2;
background-color: red;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(ie-css3.htc);
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html> ie-css3.htc下载地址:http://pan.baidu.com/s/1sl7zFad
支持的样式及状态说明:
border-radius 为元素四个角设置圆角属性
元素边框有效哦,只设置一个角落的圆角属性无效:
box-shadow 模糊大小参数,
偏移值有效:
text-shadow
点击查看更多内容
3人点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦