/*reglas
selectores
propiedades
valores*/
/*
header {
background: pink;
color: red
}
*/
/*selector de etiqueta header article nav */
/*selector descendente*/
/*body.header.div.nav.ol.li.a..*/
/*selector de clase . */
/*.link*/
/*selector de id # */
/*portafolio*/
/* */
body{
font-family:'Source Sans Pro', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Fjalla One', sans-serif;
font-weight:normal;
/* font-style:italic; */
}
h1 {
font-size: 40px;
line-height: 1.5em;
letter-spacing: -.2px;
color:white;
/*text-transform:uppercase;*/
}
h1 strong {
color:#026fff;
}
.hero {
height: 300px;
background-image: url('../images/hero.jpg');
background-color: #1b2127;
background-size:500px 300px;
background-repeat: no-repeat;
background-position-x:right;
}
/* bordes */
.proyect{
border-top: 10px solid red;
border-right: 10px solid green;
}
.proyect-details {
width:500px;
}
.proyect-imageContainer {
width: 500px
}
.header {
background-color:#1b2127;
color:white;
}
.header a{
color:white;
text-decoration:none;
}
7777777777777777777777777
/*reglas
selectores
propiedades
valores*/
/*
header {
background: pink;
color: red
}
*/
/*selector de etiqueta header article nav */
/*selector descendente*/
/*body.header.div.nav.ol.li.a..*/
/*selector de clase . */
/*.link*/
/*selector de id # */
/*portafolio*/
/* */
body{
font-family:'Source Sans Pro', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Fjalla One', sans-serif;
font-weight:normal;
/* font-style:italic; */
}
h1 {
font-size: 40px;
line-height: 1.5em;
letter-spacing: -.2px;
color:white;
/*text-transform:uppercase;*/
}
h1 strong {
color:#026fff;
}
.hero {
height: 300px;
background-image: url('../images/hero.jpg');
background-color: #1b2127;
background-size:500px 300px;
background-repeat: no-repeat;
background-position-x:right;
}
/* bordes */
.proyect{
[b] border-top: 10px solid red;
border-right: 10px solid green;
}[/b]
.proyect-details {
width:500px;
}
.proyect-imageContainer {
width: 500px
}
.header {
background-color:#1b2127;
color:white;
}
.header a{
color:white;
text-decoration:none;
}
Pues yo si los veo, no estará en el HTML el problema?
<html>
<head>
<style>
.proyect{
border-top: 10px solid red;
border-right: 10px solid green;
}
</style>
</head>
<body>
<div class="proyect" style='color:red; width:500px; height:500px;'>
asdasd
</div>
<body>
<html>
Saludos