Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React JS中如何将图像作为CSS中的边框_Javascript_Css_Reactjs - Fatal编程技术网

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会有这样的背景吗?我自己解决了我的问题