CSS background image border

td.back {

    background:#000 url('0.jpg');

        }

How do I make the background image look like <img border="4" src="0.jpg"/>

Any ideas?

Html code:

<table>

<table>

  <tr>

    <td></td>

    <td class="back"><img src="gif1.gif"/></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

No image attached.

– TheBlackBenzKid
May 28 '12 at 18:49

add a comment |

td.back {

    background:#000 url('0.jpg');

        }

How do I make the background image look like <img border="4" src="0.jpg"/>

Any ideas?

Html code:

<table>

<table>

  <tr>

    <td></td>

    <td class="back"><img src="gif1.gif"/></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

No image attached.

– TheBlackBenzKid
May 28 '12 at 18:49

add a comment |

td.back {

    background:#000 url('0.jpg');

        }

How do I make the background image look like <img border="4" src="0.jpg"/>

Any ideas?

Html code:

<table>

<table>

  <tr>

    <td></td>

    <td class="back"><img src="gif1.gif"/></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

td.back {

    background:#000 url('0.jpg');

        }

How do I make the background image look like <img border="4" src="0.jpg"/>

Any ideas?

Html code:

<table>

<table>

  <tr>

    <td></td>

    <td class="back"><img src="gif1.gif"/></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td></td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

html css html-table

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

edited Jan 1 at 15:20

Brian Tompsett - 汤莱恩

4,2321338102

asked May 28 '12 at 18:44

Soner

17127

asked May 28 '12 at 18:44

Soner

17127

asked May 28 '12 at 18:44

Soner

17127

No image attached.

– TheBlackBenzKid
May 28 '12 at 18:49

add a comment |

No image attached.

– TheBlackBenzKid
May 28 '12 at 18:49

No image attached.

– TheBlackBenzKid
May 28 '12 at 18:49

add a comment |

2 Answers
2

active

oldest

votes

Try this:

td.back {

    background:#000 url('0.jpg');

    border: 4px solid #000;

        }

http://jsfiddle.net/ER4LB/
Or you can choose other options for border in w3schools

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

works great thaks a lot...

– Soner
May 28 '12 at 19:29

add a comment |

    td.back {

        border-image:url('0.jpg');

        border: 4px solid #000;

}

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f10789132%2fcss-background-image-border%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

Try this:

td.back {

    background:#000 url('0.jpg');

    border: 4px solid #000;

        }

http://jsfiddle.net/ER4LB/
Or you can choose other options for border in w3schools

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

works great thaks a lot...

– Soner
May 28 '12 at 19:29

add a comment |

Try this:

td.back {

    background:#000 url('0.jpg');

    border: 4px solid #000;

        }

http://jsfiddle.net/ER4LB/
Or you can choose other options for border in w3schools

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

works great thaks a lot...

– Soner
May 28 '12 at 19:29

add a comment |

Try this:

td.back {

    background:#000 url('0.jpg');

    border: 4px solid #000;

        }

http://jsfiddle.net/ER4LB/
Or you can choose other options for border in w3schools

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

Try this:

td.back {

    background:#000 url('0.jpg');

    border: 4px solid #000;

        }

http://jsfiddle.net/ER4LB/
Or you can choose other options for border in w3schools

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

edited May 29 '12 at 11:24

Darshana

1,81662143

edited May 29 '12 at 11:24

Darshana

1,81662143

edited May 29 '12 at 11:24

Darshana

1,81662143

answered May 28 '12 at 19:11

Xella

1,25697

answered May 28 '12 at 19:11

Xella

1,25697

answered May 28 '12 at 19:11

Xella

1,25697

works great thaks a lot...

– Soner
May 28 '12 at 19:29

add a comment |

works great thaks a lot...

– Soner
May 28 '12 at 19:29

works great thaks a lot...

– Soner
May 28 '12 at 19:29

add a comment |

    td.back {

        border-image:url('0.jpg');

        border: 4px solid #000;

}

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

add a comment |

    td.back {

        border-image:url('0.jpg');

        border: 4px solid #000;

}

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

add a comment |

    td.back {

        border-image:url('0.jpg');

        border: 4px solid #000;

}

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

    td.back {

        border-image:url('0.jpg');

        border: 4px solid #000;

}

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

edited May 28 '12 at 19:02

answered May 28 '12 at 18:46

Adam Sweeney

356314

answered May 28 '12 at 18:46

Adam Sweeney

356314

answered May 28 '12 at 18:46

Adam Sweeney

356314

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

add a comment |

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

I tried it but it doesn't put borders. :(

– Soner
May 28 '12 at 18:50

post your html relating to this

– Adam Sweeney
May 28 '12 at 18:54

posted.. thanks:)

– Soner
May 28 '12 at 18:58

@Soner so what i'm understanding is you want an image as your border, but also a border around that?

– Adam Sweeney
May 28 '12 at 19:04

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu