De verdad muchas gracias por sus respuestas, yo me estoy iniciando en este mundo del desarrollo web, antes lo hacía con dreamweaver y tal, pero nunca conseguía un buen rendimiento, aprendí que esos programaas generan "codigo basura", es decir, pueden usarse pero es bueno saber a profundidad sobre HTML y CSS para controlar mas a fondo el desarrollo web, al menos esto es lo que he podido deducir de lo que voy investigando.
Bueno, ahora les dejo otro problemita que se me presentó (jajaja), disculpen de verdad, se que son cosas tontas, pero como les dije estoy comenzando y pues espero poder recicibr ayuda de ustedes.
Estoy ahora probrando las caracteristicas de CSS3, estoy en esa parte del libro que estoy leyendo, todo va bien, pero me he topado con un problema, el border-image, pues pongo el codigo como dice en el libro y en w3school, pero no se refleja en el navegador, seguro otra tontería mas, he revisado pero no veo que está mal.
Html:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Nuevos Estilos CSS3</title>
<link rel="stylesheet" href="nuevocss3.css">
</head>
<body>
<header id="principal">
<span id="titulo">Estilos CSS Web 2.0</span>
</header>
</body>
</html>
CSS:
Código:
body {
text-align: center;
}
#principal {
display: block;
width: 500px;
margin: 50px auto;
padding: 15px;
text-align: center;
border: 29px;
-moz-border-image: url(border.png) 29 29 stretch;
-webkit-border-image: url(border.png) 29 29 stretch;
border-image: url(border.png) 29 stretch;
background: #DDDDDD;
-moz-border-radius: 20px / 10px;
-webkit-border-radius: 20px / 10px;
border-radius: 20px / 10px;
-moz-box-shadow: rgb(150,150,150) 5px 5px;
-webkit-box-shadow: rgb(150,150,150) 5px 5px;
box-shadow: rgb(150,150,150) 0px 0px 10px;
background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
}
#titulo {
font: bold 36px FreeSerif, verdana, sans-serif;
text-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
color: hsla(120, 100%, 50%, 0.5);
}
@font-face {
font-family: "FreeSerif";
src: url("FreeSerif.ttf");
}
Esta es la imagen que estoy utilizando, en mi PC le cambié el nombre a esta imagen por "border.png"
Y de antemano gracias a todos, son muy amables en respodner las dudas de un novato xD