在html中如何写边框线,如何将文本添加到html中的边框线

最新推荐文章于 2024-09-01 21:56:01 发布

weixin_39855568

最新推荐文章于 2024-09-01 21:56:01 发布

阅读量541

点赞数

文章标签：在html中如何写边框线

下面是解决方案。

CSS：

#parentBox {

border: 2px solid red;

height: 180px;

width: auto;

}

#childBox {

background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 13%, rgba(242,242,242,1) 14%, rgba(242,242,242,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 13%,rgba(242,242,242,1) 14%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 13%,rgba(242,242,242,1) 14%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0); /* IE6-9 */

height: 70%;

margin: 20px 70px 20px 340px;

}

HTML：