Javascript 在React JS中如何将图像作为CSS中的边框
Javascript 在React JS中如何将图像作为CSS中的边框,javascript,css,reactjs,Javascript,Css,Reactjs,import React,{Component}来自'React'; 类BigText扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 标题:“”, 文本:“”, 摘要:“” }; this.handleInputChange=this.handleInputChange.bind(this); } handleInputChange(事件){ 这是我的国家({ [event.target.name]:event.target.value }); } render(){ 报税表(
import React,{Component}来自'React';
类BigText扩展组件{
建造师(道具){
超级(道具);
此.state={
标题:“”,
文本:“”,
摘要:“”
};
this.handleInputChange=this.handleInputChange.bind(this);
}
handleInputChange(事件){
这是我的国家({
[event.target.name]:event.target.value
});
}
render(){
报税表(
大文本通知
拯救
取消
{this.state.title}
{this.state.text}
{this.state.summary}
)
}
}
导出默认的BigText代码>
。享受css吧{
最小宽度:410像素;
最大宽度:450像素;
边框样式:实心;
边框宽度:45px 103px 267px 98px;
-moz边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
-webkit边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
-o-border-image:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
}
.宽度css{
最小宽度:210px;
最大宽度:250px;
单词break:打破一切;
}
。享受css吧{
最小宽度:410像素;
最大宽度:450像素;
边框样式:实心;
边框宽度:45px 103px 267px 98px;
-moz边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
-webkit边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
-o-border-image:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
边框图像:url(https://d3nj7353mvgauu.cloudfront.net/media/categories/iphone-77-plus-40-b1ac.png)4510326798拉伸重复;
}
.宽度css{
最小宽度:210px;
最大宽度:250px;
单词break:打破一切;
}
带边框是不可能的。。。使用它作为背景图像,并在里面包装一个div使其工作。你能告诉我怎么做吗?在回答中提供代码片段你能告诉我在你的代码中哪个div会有这样的背景吗?我用我自己的边界修复了我的问题,这是不可能的。。。使用它作为背景图像,并在里面包装一个div使其工作。你能告诉我怎么做吗?在回答中提供代码片段你能在你的代码中告诉我哪个div会有这样的背景吗?我自己解决了我的问题