div+css效果

最新推荐文章于 2022-01-08 22:22:31 发布

iteye_18850

最新推荐文章于 2022-01-08 22:22:31 发布

阅读量94

点赞数

分类专栏： web前端文章标签： CSS XHTML HTML

本文链接：https://blog.csdn.net/iteye_18850/article/details/81965329

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

写的不是很好，看到的人不要吐口水哦~


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div+css 效果</title>
<style type="text/css">
.FilletCurve{
	border-top-left-radius: 5px 5px; border-top-right-radius:5px 5px; border-bottom-left-radius:5px 5px; border-bottom-right-radius:5px 5px;word-wrap:break-word;
}
.fsadfs{
	width:300px; min_height:50px; _height:50px; border:#E5D8C6 solid 1px; background-color:#EEEEEE;
}
</style>
</head>

<body>
<div class="FilletCurve fsadfs" style="border-bottom:#EFE1CE solid 1px;border-right:#EFE1CE solid 3px; border-top:0px; border-left:0px;"><div class="FilletCurve fsadfs"><div class="FilletCurve" style="border-top:#FFF solid 1px;border-left:#FFF solid 1px;">
  <div style=" margin-left:5px; margin-bottom:5px; margin-right:5px; margin-top:5px;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div></div></div></div>
</body>
</html>

效果见图：
[img]http://chenji-wxx.iteye.com/upload/picture/pic/76699/0ba280b6-d8ef-3fd2-8e4d-280328342976.jpg[/img]

iteye_18850

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div+css效果

写的不是很好，看到的人不要吐口水哦~[code="html"]div+css 效果.FilletCurve{ border-top-left-radius: 5px 5px; border-top-right-radius:5px 5px; border-bottom-left-radius:5px 5px; border-bottom-right-radius...
复制链接

扫一扫